<template>

<div v-if="data.showPage">

<div v-if="data.universityIntroductionPage2Visible" style="width: 100vw;height: 100vh;z-index: 30000;position: fixed;left: 0;top: 0;background-color: rgba(0,0,0,0.2);padding-left: 50vw;padding-top: 50vh;transition: opacity .2s;" :style="{opacity:data.universityIntroductionPage2Visible==true?'1':'0'}">
    <div v-if="!data.isMobile" style="border-radius: 15px;box-shadow: 0 4px 10px rgba(0,0,0,0.3);transform: translate(-50%,-50%);position: relative;width: 1200px;height: 80vh;overflow: hidden;">
        <div style="width: 300px;height: 100%;overflow-y: scroll;display: inline-block;background-color: rgba(242,242,242,0.8);backdrop-filter: blur(20px);padding-top: 40vh;">
            <div style="text-align: center;transform: translateY(-50%);">
                <img v-if="universityIntroductionPageIsHaveLogo()" style="display: inline-block;width: 100px;border-radius: 10px;" :src="'https://wiki.mbalib.com' + data.universityIntroductionFormInfos.logoPics[0] + ''" alt=""><br>
                <p style="padding: 20px 0;font-size: 22px;">{{ data.universityIntroductionFormInfos.results[0].name }}</p>
                <div>
                    <div style="display: inline-block;padding: 5px 5px;border-radius: 3px;background-color: rgba(255,255,255,0.8);font-size: 14px;">
                        {{ data.universityIntroductionFormInfos.results[0].province + " " + data.universityIntroductionFormInfos.results[0].city + " " + data.universityIntroductionFormInfos.results[0].cityLevel }}
                    </div>
                </div>
                <p style="margin-top: 20px;">{{ data.universityIntroductionFormInfos.results[0].focus + " " + data.universityIntroductionFormInfos.results[0].firstRate }}</p>
                <p style="margin-top: 20px;">{{ data.universityIntroductionFormInfos.results[0].level + " " + data.universityIntroductionFormInfos.results[0].department + " " + data.universityIntroductionFormInfos.results[0].public + " " + data.universityIntroductionFormInfos.results[0].type }}</p>
                <p style="margin-top: 20px;margin-bottom: 20px;">建校时间：{{ data.universityIntroductionFormInfos.results[0].yearCount }}</p>
                <a-button :loading="data.isFavoriting" v-if="!data.universityIntroductionFormInfos.isFavorited" style="padding: 0 30px;"  @click="addFavoriteUniversity">收藏</a-button>
                <a-button :loading="data.isFavoriting" v-if="data.universityIntroductionFormInfos.isFavorited" style="padding: 0 30px;" @click="deleteFavoriteUniversity">取消收藏</a-button><br>
                <a-button style="padding: 0 30px;margin-top: 10px;" @click="openLink(data.universityIntroductionFormInfos.res1.school_site)">官网</a-button><br>
                <a-button style="padding: 0 30px;margin-top: 10px;" @click="()=>{
                    if(data.loginedUserInfo==undefined){
                        changePage(7);
                        return;
                    }
                    if(data.loginedUserInfo.isVip==0){
                        showBuyVIPWarningForm();
                        return;
                    }
                    data.isChoosingOtherUniversity=true;
                    data.universityIntroductionPage2Visible=false;
                }">对比</a-button>
            </div>
        </div>
        <div style="width: 900px;height: 100%;display: inline-block;float: right;background-color: white;">

            <div style="padding: 25px 40px;font-size: 22px;padding-top: 25px;padding-bottom: 15px;">
                <span @click="data.universityIntroductionFormInfos.selectedPageId=1" style="margin-right: 30px;transition: color .1s;" :class="data.universityIntroductionFormInfos.selectedPageId==1?['university-introduction-page-title-selected']:['university-introduction-page-title']">学校概况</span>
                <span @click="data.universityIntroductionFormInfos.selectedPageId=2" style="margin-right: 30px;transition: color .1s;" :class="data.universityIntroductionFormInfos.selectedPageId==2?['university-introduction-page-title-selected']:['university-introduction-page-title']" v-if="data.universityIntroductionFormInfos.res1.urllinks['71013']!=undefined">校园全景</span>
                <span @click="data.universityIntroductionFormInfos.selectedPageId=3" style="margin-right: 30px;transition: color .1s;" :class="data.universityIntroductionFormInfos.selectedPageId==3?['university-introduction-page-title-selected']:['university-introduction-page-title']">开设专业</span>
                <span @click="data.universityIntroductionFormInfos.selectedPageId=4;getUniversityIntroductionPageChartReady()" style="transition: color .1s;" :class="data.universityIntroductionFormInfos.selectedPageId==4?['university-introduction-page-title-selected']:['university-introduction-page-title']" v-if="data.universityIntroductionFormInfos.job.province!='' || data.universityIntroductionFormInfos.job.attr!='' || data.universityIntroductionFormInfos.job.company!=''">学校就业</span>
            </div>

            <div style="width: 100%;height: calc(100% - 65.29px);padding: 44px 40px;overflow-y: scroll;padding-top: 15px;">
                <div v-if="data.universityIntroductionFormInfos.selectedPageId==1">
<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    简介
</div>
<div style="text-indent: 2em;font-size: 14px;line-height: 20px;">
    {{ data.universityIntroductionFormInfos.res1.content }}
</div>
</div>

<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    地址
</div>
<div style="text-indent: 2em;font-size: 14px;line-height: 20px;">
    {{ data.universityIntroductionFormInfos.res1.address }}
</div>
</div>

<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    邮箱
</div>
<div style="text-indent: 2em;font-size: 14px;line-height: 20px;">
    {{ data.universityIntroductionFormInfos.res1.email }}
</div>
</div>

<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    院校排名
</div>
<div style="width: 100%;">
    <span>
        <div style="display: inline-block;padding: 15px 15px;text-align: center;width: 100px;border-radius: 5px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-right: 20px;">
            <p style="font-size: 20px;color: dimgray;">校友会</p><br><p>{{ data.universityIntroductionFormInfos.res1.xyh_rank }}</p>
        </div>
    </span>
    <span>
        <div style="display: inline-block;padding: 15px 15px;text-align: center;width: 100px;border-radius: 5px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-right: 20px;">
            <p style="font-size: 20px;color: dimgray;">软科</p><br><p>{{ data.universityIntroductionFormInfos.res1.qs_rank }}</p>
        </div>
    </span>
    <span>
        <div style="display: inline-block;padding: 15px 15px;text-align: center;width: 100px;border-radius: 5px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-right: 20px;">
            <p style="font-size: 20px;color: dimgray;">US世界</p><br><p>{{ data.universityIntroductionFormInfos.res1.us_rank }}</p>
        </div>
    </span>
</div>
</div>
                </div>
                <div v-if="data.universityIntroductionFormInfos.selectedPageId==2" style="width: 100%;height: 100%;position: relative;">
                    <iframe style="width: 100%;height: 100%;border: 0;border-radius: 5px;overflow: hidden;" :src="data.universityIntroductionFormInfos.res1.urllinks['71013'].link"></iframe>
                </div>
                <div v-if="data.universityIntroductionFormInfos.selectedPageId==4">
                    <div>
                        <p style="line-height: 35px;">毕业生签约地区流向</p>
                        <div style="width: 100%;height: 400px;margin-bottom: 20px;margin-top: -20px;" id="universityIntroductionPageJobChart">

                        </div>
                    </div>
                    <div v-if="data.universityIntroductionFormInfos.job.attr!=''">
                        <p style="line-height: 35px;">毕业生签约单位性质</p>
                        <div style="width: 100%;height: 400px;margin-bottom: 20px;margin-top: -20px;" id="universityIntroductionPageJobChart1">

                        </div>
                    </div>
                    <div v-if="data.universityIntroductionFormInfos.job.company!=''">
                        <p style="line-height: 35px;">主要签约单位</p>
                        <div style="border-radius: 5px;border: 1px solid lightgray;overflow: hidden;text-align: center;line-height: 35px;">
                            <div style="border-bottom:  1px solid lightgray;">
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        单位名称
                                    </div>
                                </span>
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        人数
                                    </div>
                                </span>
                            </div>
                            <div v-for="item in Object.keys(data.universityIntroductionFormInfos.job.company)" v-bind:key="item">
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        {{ item }}
                                    </div>
                                </span>
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        {{ data.universityIntroductionFormInfos.job.company[item] }}
                                    </div>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div v-if="data.universityIntroductionFormInfos.selectedPageId==3">
                    <a-table :data="data.universityIntroductionFormInfos.professionals.special_detail['1']" :columns="[
                        {
                            dataIndex:'special_name',
                            title:'专业名称'
                        },
                        {
                            dataIndex:'type_name',
                            title:'层次'
                        },
                        {
                            dataIndex:'level2_name',
                            title:'学科门类'
                        },
                        {
                            dataIndex:'level3_name',
                            title:'专业类别'
                        },
                        {
                            dataIndex:'limit_year',
                            title:'学制'
                        },
                    ]"></a-table>
                </div>
            </div>



        </div>
        <div style="width: 30px;height: 30px;position: absolute;right: 20px;top: 20px;cursor: pointer;" @click="data.universityIntroductionPage2Visible=false">
        <svg width="30" height="30" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.886 20.957L37.32 7.522a1 1 0 011.414 0l1.414 1.414a1 1 0 010 1.415L26.714 23.786 40.149 37.22a1 1 0 010 1.414l-1.414 1.414a1 1 0 01-1.414 0L23.886 26.614 10.45 40.049a1 1 0 01-1.415 0l-1.414-1.414a1 1 0 010-1.414l13.435-13.435L7.622 10.35a1 1 0 010-1.415l1.414-1.414a1 1 0 011.415 0l13.435 13.435z" fill="currentColor"/></svg>
        </div>
    </div>
    <div v-if="data.isMobile" style="width:100vw;height:100vh;transform:translate(-50%,-50%);position: relative;">
        <div style="width: 100%;height: 200px;background-color: rgba(242,242,242,0.8);backdrop-filter: blur(20px);position: relative;">
            <div style="width: 30px;height: 30px;position: absolute;right: 20px;top: 20px;cursor: pointer;" @click="data.universityIntroductionPage2Visible=false">
                <svg width="30" height="30" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.886 20.957L37.32 7.522a1 1 0 011.414 0l1.414 1.414a1 1 0 010 1.415L26.714 23.786 40.149 37.22a1 1 0 010 1.414l-1.414 1.414a1 1 0 01-1.414 0L23.886 26.614 10.45 40.049a1 1 0 01-1.415 0l-1.414-1.414a1 1 0 010-1.414l13.435-13.435L7.622 10.35a1 1 0 010-1.415l1.414-1.414a1 1 0 011.415 0l13.435 13.435z" fill="currentColor"/></svg>
            </div>
            <img v-if="universityIntroductionPageIsHaveLogo()" style="display: inline-block;width: 80px;border-radius: 10px;position: absolute;right: 20px;bottom: 20px;" :src="'https://wiki.mbalib.com' + data.universityIntroductionFormInfos.logoPics[0] + ''" alt="">
            <div style="font-size: 20px;font-weight: bold;position: absolute;top: 20px;left: 20px;line-height: 30px;">
                {{ data.universityIntroductionFormInfos.results[0].name }}
                <div style="display: inline-block;padding: 5px 5px;border-radius: 3px;background-color: rgba(255,255,255,0.8);font-size: 12px;line-height: 10px;font-weight: normal;">
                        {{ data.universityIntroductionFormInfos.results[0].province + " " + data.universityIntroductionFormInfos.results[0].city + " " + data.universityIntroductionFormInfos.results[0].cityLevel }}
                </div>
            </div>
            <div style="position: absolute;left: 20px;bottom: 20px;">
                <p style="margin-top: 10px;">{{ data.universityIntroductionFormInfos.results[0].focus + " " + data.universityIntroductionFormInfos.results[0].firstRate }}</p>
                <p style="margin-top: 10px;">{{ data.universityIntroductionFormInfos.results[0].level + " " + data.universityIntroductionFormInfos.results[0].department + " " + data.universityIntroductionFormInfos.results[0].public + " " + data.universityIntroductionFormInfos.results[0].type }}</p>
                <p style="margin-top: 10px;">建校时间：{{ data.universityIntroductionFormInfos.results[0].yearCount }}</p>
                <a-button :loading="data.isFavoriting" v-if="!data.universityIntroductionFormInfos.isFavorited" style="font-size: 12px;"  @click="addFavoriteUniversity">收藏</a-button>
                <a-button :loading="data.isFavoriting" v-if="data.universityIntroductionFormInfos.isFavorited" style="font-size: 12px;" @click="deleteFavoriteUniversity">取消收藏</a-button>
                <a-button style="margin-top: 10px;font-size: 12px;margin-left: 10px;" @click="openLink(data.universityIntroductionFormInfos.res1.school_site)">官网</a-button>
                <a-button style="margin-top: 10px;font-size: 12px;margin-left: 10px;" @click="()=>{
                    if(data.loginedUserInfo==undefined){
                        changePage(7);
                        return;
                    }
                    if(data.loginedUserInfo.isVip==0){
                        showBuyVIPWarningForm();
                        return;
                    }
                    data.isChoosingOtherUniversity=true;
                    data.universityIntroductionPage2Visible=false;
                }">对比</a-button>
            </div>
        </div>
        <div style="width: 100%;height: calc(100% - 200px);background-color: white;position: relative;">
            <div style="padding: 20px 20px;font-size: 18px;padding-bottom: 10px;">
                <span @click="data.universityIntroductionFormInfos.selectedPageId=1" style="margin-right: 15px;transition: color .1s;" :class="data.universityIntroductionFormInfos.selectedPageId==1?['university-introduction-page-title-selected']:['university-introduction-page-title']">学校概况</span>
                <span @click="data.universityIntroductionFormInfos.selectedPageId=3" style="margin-right: 15px;transition: color .1s;" :class="data.universityIntroductionFormInfos.selectedPageId==3?['university-introduction-page-title-selected']:['university-introduction-page-title']">开设专业</span>
                <span @click="data.universityIntroductionFormInfos.selectedPageId=4;getUniversityIntroductionPageChartReady()" style="transition: color .1s;" :class="data.universityIntroductionFormInfos.selectedPageId==4?['university-introduction-page-title-selected']:['university-introduction-page-title']" v-if="data.universityIntroductionFormInfos.job.province!='' || data.universityIntroductionFormInfos.job.attr!='' || data.universityIntroductionFormInfos.job.company!=''">学校就业</span>
            </div>
            <div style="width: 100%;height: calc(100% - 50.7px);overflow-y: scroll;">
                <div v-if="data.universityIntroductionFormInfos.selectedPageId==1" style="padding: 20px 20px;padding-top: 10px;">
<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    简介
</div>
<div style="text-indent: 2em;font-size: 14px;line-height: 20px;">
    {{ data.universityIntroductionFormInfos.res1.content }}
</div>
</div>

<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    地址
</div>
<div style="text-indent: 2em;font-size: 14px;line-height: 20px;">
    {{ data.universityIntroductionFormInfos.res1.address }}
</div>
</div>

<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    邮箱
</div>
<div style="text-indent: 2em;font-size: 14px;line-height: 20px;">
    {{ data.universityIntroductionFormInfos.res1.email }}
</div>
</div>

<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    院校排名
</div>
<div style="width: 100%;">
    <span>
        <div style="display: inline-block;padding: 15px 15px;text-align: center;width: 100px;border-radius: 5px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-right: 20px;">
            <p style="font-size: 20px;color: dimgray;">校友会</p><br><p>{{ data.universityIntroductionFormInfos.res1.xyh_rank }}</p>
        </div>
    </span>
    <span>
        <div style="display: inline-block;padding: 15px 15px;text-align: center;width: 100px;border-radius: 5px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-right: 20px;">
            <p style="font-size: 20px;color: dimgray;">软科</p><br><p>{{ data.universityIntroductionFormInfos.res1.qs_rank }}</p>
        </div>
    </span>
    <span>
        <div style="display: inline-block;padding: 15px 15px;text-align: center;width: 100px;border-radius: 5px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-right: 20px;">
            <p style="font-size: 20px;color: dimgray;">US世界</p><br><p>{{ data.universityIntroductionFormInfos.res1.us_rank }}</p>
        </div>
    </span>
</div>
</div>
                </div>
                <div v-if="data.universityIntroductionFormInfos.selectedPageId==3" style="width: 100%;position: relative;padding: 20px 20px;padding-top: 10px;">
                    <a-table :data="data.universityIntroductionFormInfos.professionals.special_detail['1']" :columns="[
                        {
                            dataIndex:'special_name',
                            title:'专业名称'
                        },
                        {
                            dataIndex:'type_name',
                            title:'层次'
                        },
                        {
                            dataIndex:'level2_name',
                            title:'学科门类'
                        },
                        {
                            dataIndex:'level3_name',
                            title:'专业类别'
                        },
                        {
                            dataIndex:'limit_year',
                            title:'学制'
                        },
                    ]"></a-table>
                </div>
                <div v-if="data.universityIntroductionFormInfos.selectedPageId==4" style="width: 100%;position: relative;padding: 20px 20px;padding-top: 10px;">
                    <div>
                        <p style="line-height: 35px;">毕业生签约地区流向</p>
                        <div style="width: 100%;height: 400px;margin-bottom: 20px;margin-top: -20px;" id="universityIntroductionPageJobChart">

                        </div>
                    </div>
                    <div v-if="data.universityIntroductionFormInfos.job.attr!=''">
                        <p style="line-height: 35px;">毕业生签约单位性质</p>
                        <div style="width: 100%;height: 400px;margin-bottom: 20px;margin-top: -20px;" id="universityIntroductionPageJobChart1">

                        </div>
                    </div>
                    <div v-if="data.universityIntroductionFormInfos.job.company!=''">
                        <p style="line-height: 35px;">主要签约单位</p>
                        <div style="border-radius: 5px;border: 1px solid lightgray;overflow: hidden;text-align: center;line-height: 35px;">
                            <div style="border-bottom:  1px solid lightgray;">
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        单位名称
                                    </div>
                                </span>
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        人数
                                    </div>
                                </span>
                            </div>
                            <div v-for="item in Object.keys(data.universityIntroductionFormInfos.job.company)" v-bind:key="item">
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        {{ item }}
                                    </div>
                                </span>
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        {{ data.universityIntroductionFormInfos.job.company[item] }}
                                    </div>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    </div>
</div>

<div v-if="data.majorIntroductionForm2Visible" style="width: 100vw;height: 100vh;z-index: 30000;position: fixed;left: 0;top: 0;background-color: rgba(0,0,0,0.2);padding-left: 50vw;padding-top: 50vh;transition: opacity .2s;" :style="{opacity:data.majorIntroductionForm2Visible==true?'1':'0'}">
    <div v-if="!data.isMobile" style="border-radius: 15px;box-shadow: 0 4px 10px rgba(0,0,0,0.3);transform: translate(-50%,-50%);position: relative;width: 1200px;height: 80vh;overflow: hidden;">
        <div style="width: 100%;padding: 44px 40px;background-color: rgba(242,242,242,0.8);backdrop-filter: blur(20px);padding-bottom: 15px;position: relative;">
            <div style="position:absolute;top:60px;right:60px">
                <a-button :loading="data.isFavoriting" v-if="data.majorIntroductionFormInfos.isFavorited" style="padding: 0 30px;" @click="deleteFavoriteMajor">取消收藏</a-button>
                <a-button :loading="data.isFavoriting" v-if="!data.majorIntroductionFormInfos.isFavorited" style="padding: 0 30px;" type="primary" status="warning" @click="addFavoriteMajor">收藏</a-button>
            </div>
            <div style="width: 30px;height: 30px;position: absolute;right: 20px;top: 20px;cursor: pointer;" @click="data.majorIntroductionForm2Visible=false">
        <svg width="30" height="30" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.886 20.957L37.32 7.522a1 1 0 011.414 0l1.414 1.414a1 1 0 010 1.415L26.714 23.786 40.149 37.22a1 1 0 010 1.414l-1.414 1.414a1 1 0 01-1.414 0L23.886 26.614 10.45 40.049a1 1 0 01-1.415 0l-1.414-1.414a1 1 0 010-1.414l13.435-13.435L7.622 10.35a1 1 0 010-1.415l1.414-1.414a1 1 0 011.415 0l13.435 13.435z" fill="currentColor"/></svg>
        </div>
            <div style="font-size: 22px;">
                <span>
                    {{ data.majorIntroductionFormInfos.results[0].majorName }}
                </span>
                <span style="font-size: 12px;border-radius: 3px;background-color: rgb(242,242,242);padding: 3px 3px;margin-left: 15px;">
                    {{ data.majorIntroductionFormInfos.results[0].class + " " + data.majorIntroductionFormInfos.results[0].majorClass }}
                </span>
            </div>
            <div style="font-size: 14px;line-height: 30px;">
                <span>
                    {{ data.majorIntroductionFormInfos.results[0].remark }}
                </span>
                <span style="margin-left: 10px;">
                    {{ data.majorIntroductionFormInfos.results[0].year }}
                </span>
            </div>
            <div style="line-height: 30px;">
                专业代码：{{ data.majorIntroductionFormInfos.results[0].majorId }}
            </div>
        </div>
        <div style="width: 100%;height: calc(100% - 144.29px);background-color: white;padding-top: 0px;position: relative;">
            <div style="padding: 20px 40px;font-size: 22px;padding-bottom: 10px;">
                <span @click="data.majorIntroductionFormInfos.selectedPageId=1" style="transition: color .1s;margin-right: 20px;" :class="data.majorIntroductionFormInfos.selectedPageId==1?['university-introduction-page-title-selected']:['university-introduction-page-title']">专业介绍</span>
                <span @click="data.majorIntroductionFormInfos.selectedPageId=2" style="transition: color .1s;" :class="data.majorIntroductionFormInfos.selectedPageId==2?['university-introduction-page-title-selected']:['university-introduction-page-title']">就业方向</span>
            </div>
            <div style="width: 100%;height:calc(100% - 55.29px);overflow-y: scroll;padding: 44px 40px;padding-top:0px;line-height: 30px;">
                <div v-if="data.majorIntroductionFormInfos.selectedPageId==1">
                    <div>
                        <div style="font-weight: bold;font-size: 16px;">
                            是什么
                        </div>
                        <div>
                            {{ data.majorIntroductionFormInfos.res1.is_what }}
                        </div>
                    </div>
                    <div>
                        <div style="font-weight: bold;font-size: 16px;">
                            做什么
                        </div>
                        <div>
                            {{ data.majorIntroductionFormInfos.res1.do_what }}
                        </div>
                    </div>
                    <br>
                    <div v-html="data.majorIntroductionFormInfos.res1.content"></div>
                    <div>
                        <div style="font-weight: bold;font-size: 16px;">
                            名人
                        </div>
                        <div>
                            {{ data.majorIntroductionFormInfos.res1.celebrity }}
                        </div>
                    </div>
                    <div>
                        <div style="font-weight: bold;font-size: 16px;">
                            开设课程
                        </div>
                        <div>
                            {{ data.majorIntroductionFormInfos.res1.course }}
                        </div>
                    </div>
                </div>
                <div v-if="data.majorIntroductionFormInfos.selectedPageId==2">
                    <div v-if="data.majorIntroductionFormInfos.res1.jobdetail['1']!=undefined">
                        <div style="font-weight: bold;font-size: 16px;">
                            行业
                        </div>
                        <div>
                            <span style="margin-right:10px" v-bind:key="item" v-for="item in data.majorIntroductionFormInfos.res1.jobdetail['1']">{{ item.name }}</span>
                        </div>
                    </div>
                    <div v-if="data.majorIntroductionFormInfos.res1.jobdetail['2']!=undefined">
                        <div style="font-weight: bold;font-size: 16px;">
                            地区
                        </div>
                        <div>
                            <span style="margin-right:10px" v-bind:key="item" v-for="item in data.majorIntroductionFormInfos.res1.jobdetail['2']">{{ item.area }}</span>
                        </div>
                    </div>
                    <div v-if="data.majorIntroductionFormInfos.res1.jobdetail['3']!=undefined">
                        <div style="font-weight: bold;font-size: 16px;">
                            详细
                        </div>
                        <div>
                            <span style="margin-right:10px" v-bind:key="item" v-for="item in data.majorIntroductionFormInfos.res1.jobdetail['3']">{{ item.detail_job }}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div v-if="data.isMobile" style="width: 100vw;height: 100vh;transform: translate(-50%,-50%);position: relative;">
        <div style="width: 100%;height: 200px;background-color: rgba(242,242,242,0.8);backdrop-filter: blur(20px);">
            <div style="width: 30px;height: 30px;position: absolute;right: 20px;top: 20px;cursor: pointer;" @click="data.majorIntroductionForm2Visible=false">
                <svg width="30" height="30" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.886 20.957L37.32 7.522a1 1 0 011.414 0l1.414 1.414a1 1 0 010 1.415L26.714 23.786 40.149 37.22a1 1 0 010 1.414l-1.414 1.414a1 1 0 01-1.414 0L23.886 26.614 10.45 40.049a1 1 0 01-1.415 0l-1.414-1.414a1 1 0 010-1.414l13.435-13.435L7.622 10.35a1 1 0 010-1.415l1.414-1.414a1 1 0 011.415 0l13.435 13.435z" fill="currentColor"/></svg>
            </div>
            <div style="position: absolute;left: 20px;top: 20px;line-height: 30px;font-size: 20px;font-weight: bold;">
                {{ data.majorIntroductionFormInfos.results[0].majorName }}<span style="font-size: 12px;border-radius: 3px;background-color: rgb(242,242,242);padding: 3px 3px;margin-left: 15px;font-weight: normal;">
                    {{ data.majorIntroductionFormInfos.results[0].class + " " + data.majorIntroductionFormInfos.results[0].majorClass }}
                </span>
            </div>
            <div style="position: absolute;left: 20px;bottom: 20px;">
                <div style="font-size: 14px;line-height: 30px;">
                <span>
                    {{ data.majorIntroductionFormInfos.results[0].remark }}
                </span>
                <span style="margin-left: 10px;">
                    {{ data.majorIntroductionFormInfos.results[0].year }}
                </span>
            </div>
            <div style="line-height: 30px;">
                专业代码：{{ data.majorIntroductionFormInfos.results[0].majorId }}
            </div>
            <a-button style="font-size: 12px;margin-top: 5px;" :loading="data.isFavoriting" v-if="data.majorIntroductionFormInfos.isFavorited" @click="deleteFavoriteMajor">取消收藏</a-button>
            <a-button style="font-size: 12px;margin-top: 5px;" :loading="data.isFavoriting" v-if="!data.majorIntroductionFormInfos.isFavorited"  @click="addFavoriteMajor">收藏</a-button>
            </div>
        </div>
        <div style="width: 100%;height: calc(100% - 200px);background-color: white;position: relative;">
            <div style="padding: 20px 20px;font-size: 18px;padding-bottom: 10px;">
                <span @click="data.majorIntroductionFormInfos.selectedPageId=1" style="transition: color .1s;margin-right: 15px;" :class="data.majorIntroductionFormInfos.selectedPageId==1?['university-introduction-page-title-selected']:['university-introduction-page-title']">专业介绍</span>
                <span @click="data.majorIntroductionFormInfos.selectedPageId=2" style="transition: color .1s;margin-right: 23c30px;" :class="data.majorIntroductionFormInfos.selectedPageId==2?['university-introduction-page-title-selected']:['university-introduction-page-title']">就业方向</span>
            </div>
            <div style="width: 100%;height: calc(100% - 50.7px);overflow-y: scroll;padding: 20px 20px;padding-top: 0;line-height: 30px;">
                <div v-if="data.majorIntroductionFormInfos.selectedPageId==2">
                    <div v-if="data.majorIntroductionFormInfos.res1.jobdetail['1']!=undefined">
                        <div style="font-weight: bold;font-size: 16px;">
                            行业
                        </div>
                        <div>
                            <span style="margin-right:10px" v-bind:key="item" v-for="item in data.majorIntroductionFormInfos.res1.jobdetail['1']">{{ item.name }}</span>
                        </div>
                    </div>
                    <div v-if="data.majorIntroductionFormInfos.res1.jobdetail['2']!=undefined">
                        <div style="font-weight: bold;font-size: 16px;">
                            地区
                        </div>
                        <div>
                            <span style="margin-right:10px" v-bind:key="item" v-for="item in data.majorIntroductionFormInfos.res1.jobdetail['2']">{{ item.area }}</span>
                        </div>
                    </div>
                    <div v-if="data.majorIntroductionFormInfos.res1.jobdetail['3']!=undefined">
                        <div style="font-weight: bold;font-size: 16px;">
                            详细
                        </div>
                        <div>
                            <span style="margin-right:10px" v-bind:key="item" v-for="item in data.majorIntroductionFormInfos.res1.jobdetail['3']">{{ item.detail_job }}</span>
                        </div>
                    </div>
                </div>
                <div v-if="data.majorIntroductionFormInfos.selectedPageId==1">
                    <div>
                        <div style="font-weight: bold;font-size: 16px;">
                            是什么
                        </div>
                        <div>
                            {{ data.majorIntroductionFormInfos.res1.is_what }}
                        </div>
                    </div>
                    <div>
                        <div style="font-weight: bold;font-size: 16px;">
                            做什么
                        </div>
                        <div>
                            {{ data.majorIntroductionFormInfos.res1.do_what }}
                        </div>
                    </div>
                    <br>
                    <div v-html="data.majorIntroductionFormInfos.res1.content"></div>
                    <div>
                        <div style="font-weight: bold;font-size: 16px;">
                            名人
                        </div>
                        <div>
                            {{ data.majorIntroductionFormInfos.res1.celebrity }}
                        </div>
                    </div>
                    <div>
                        <div style="font-weight: bold;font-size: 16px;">
                            开设课程
                        </div>
                        <div>
                            {{ data.majorIntroductionFormInfos.res1.course }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    <a-modal :footer="false" :width="data.isMobile?'100vw':'1200px'" :mask-closable="true" :closable="true" v-model:visible="data.universityIntroductionFormVisible">
    <template #title>
      院校详情
    </template>
    <div style="width: 100%;overflow-x: hidden;position: relative;" :style="{padding:data.isMobile?'0 0':'20px 20px',height:data.isMobile?'calc(100vh - 88px)':'calc(100vh - 88px)'}">
        <div v-if="data.universityIntroductionFormInfos!=undefined" style="width: 100%;">
            <div style="position: relative;">
                <div v-if="!data.isMobile" style="position: absolute;right: 0;top:34px">
                    <a-button :loading="data.isFavoriting" v-if="!data.universityIntroductionFormInfos.isFavorited" style="padding: 0 30px;" type="primary" status="warning" @click="addFavoriteUniversity">收藏</a-button>
                    <a-button :loading="data.isFavoriting" v-if="data.universityIntroductionFormInfos.isFavorited" style="padding: 0 30px;" @click="deleteFavoriteUniversity">取消收藏</a-button>
<a-button v-if="data.universityIntroductionFormInfos.homePage!='' && data.universityIntroductionFormInfos.homePage!=undefined && data.universityIntroductionFormInfos.logoPics[0]!='/w/images/thumb/c/cd/Crystal_Clear_action_find.jpg/25px-Crystal_Clear_action_find.jpg'" style="padding: 0 30px;margin-left: 10px;" @click="openLink(data.universityIntroductionFormInfos.homePage)" type="primary">学校官网</a-button>
                </div>
                
                <span :style="{opacity:data.universityIntroductionFormInfos.logoPics[0]!='/w/images/thumb/c/cd/Crystal_Clear_action_find.jpg/25px-Crystal_Clear_action_find.jpg'?1:0}">
                    <div style="width: 100px;height: 100px;border-radius: 5px;background-position: center;background-repeat: no-repeat;background-size: contain;display:inline-block" :style="{backgroundImage:'url(https://wiki.mbalib.com' + data.universityIntroductionFormInfos.logoPics[0] + ')'}">

                    </div>
                </span>
                <span>
                    <div style="width: calc(100% - 120px);height: auto;display:inline-block;float: right;">
                        <div style="font-size: 22px;">
                            <span>
                                {{ data.universityIntroductionFormInfos.results[0].name }}
                            </span>
                            <span style="margin-left: 15px;font-size: 12px;padding: 3px 3px;border-radius: 3px;background-color: rgb(242,242,242);">
                                {{ data.universityIntroductionFormInfos.results[0].province + ' ' + data.universityIntroductionFormInfos.results[0].city + " " + data.universityIntroductionFormInfos.results[0].cityLevel }}
                            </span>
                        </div>
                        <div style="margin-top: 8px;">
                            <span style="margin-right: 10px;font-size: 16px;" v-if="data.universityIntroductionFormInfos.results[0].level!=''">{{ data.universityIntroductionFormInfos.results[0].level }}</span>
                            <span style="margin-right: 10px;font-size: 16px;" v-if="data.universityIntroductionFormInfos.results[0].public!=''">{{ data.universityIntroductionFormInfos.results[0].public }}</span>
                            <span style="margin-right: 10px;font-size: 16px;" v-if="data.universityIntroductionFormInfos.results[0].type!=''">{{ data.universityIntroductionFormInfos.results[0].type }}</span>
                            <span style="margin-right: 10px;font-size: 16px;" v-if="data.universityIntroductionFormInfos.results[0].focus!=''">{{ data.universityIntroductionFormInfos.results[0].focus=='985211'?'985,211':data.universityIntroductionFormInfos.results[0].focus }}</span>
                            <span style="margin-right: 10px;font-size: 16px;" v-if="data.universityIntroductionFormInfos.results[0].firstRate!=''">{{ data.universityIntroductionFormInfos.results[0].firstRate }}</span>
                        </div>
                        <div style="font-size: 16px;margin-top: 8px;">
                            <span v-if="data.universityIntroductionFormInfos.results[0].department!=''" style="margin-right: 10px;">
                                主管部门：{{ data.universityIntroductionFormInfos.results[0].department }}
                            </span>
                            <span v-if="data.universityIntroductionFormInfos.results[0].year!=''" style="margin-right: 10px;">
                                建校年份：{{ data.universityIntroductionFormInfos.results[0].yearCount }}年
                            </span>
                        </div>
                    </div>
                </span>
            </div><br>
            <div v-if="data.isMobile" style="margin-top: 30px;">
                    <a-button :loading="data.isFavoriting" v-if="!data.universityIntroductionFormInfos.isFavorited" style="padding: 0 30px;" type="primary" status="warning" @click="addFavoriteUniversity">收藏</a-button>
                    <a-button :loading="data.isFavoriting" v-if="data.universityIntroductionFormInfos.isFavorited" style="padding: 0 30px;" @click="deleteFavoriteUniversity">取消收藏</a-button>
<a-button v-if="data.universityIntroductionFormInfos.homePage!='' && data.universityIntroductionFormInfos.homePage!=undefined && data.universityIntroductionFormInfos.logoPics[0]!='/w/images/thumb/c/cd/Crystal_Clear_action_find.jpg/25px-Crystal_Clear_action_find.jpg'" style="padding: 0 30px;margin-left: 10px;" @click="openLink(data.universityIntroductionFormInfos.homePage)" type="primary">学校官网</a-button>
                </div>
            <div style="width: 100%;margin-top: 20px;">
                <div v-if="data.universityIntroductionFormInfos.results[0].subject1!=''">
                    <div style="font-size: 20px;padding: 10px 0;width: 100%;">
                        第一轮双一流建设学科
                    </div>
                    <div style="font-size: 14px;text-indent: 2em;">
                        {{ data.universityIntroductionFormInfos.results[0].subject1 }}
                    </div>
                </div>
                <div v-if="data.universityIntroductionFormInfos.results[0].subject2!=''">
                    <div style="font-size: 20px;padding: 10px 0;">
                        第二轮双一流建设高校及建设学科
                    </div>
                    <div style="font-size: 14px;text-indent: 2em;">
                        {{ data.universityIntroductionFormInfos.results[0].subject2 }}
                    </div>
                </div>
                <div v-if="data.universityIntroductionFormInfos.logoPics[0]!='/w/images/thumb/c/cd/Crystal_Clear_action_find.jpg/25px-Crystal_Clear_action_find.jpg'">
                    <div style="font-size: 20px;padding: 10px 0;">
                        院校介绍
                    </div>
                    <div style="font-size: 14px;text-indent: 2em;">
                        {{ data.universityIntroductionFormInfos.summary }}
                    </div>
                </div>
            </div>
        </div>
    </div>
  </a-modal>

  <a-modal :footer="false" :width="data.isMobile?'100vw':'1200px'" :mask-closable="true" :closable="true" v-model:visible="data.majorIntroductionFormVisible">
    <template #title>
      专业详情
    </template>
    <div v-if="data.majorIntroductionFormInfos!=undefined" style="width: 100%;height: 70vh;overflow-x: hidden;position: relative;" :style="{padding:data.isMobile?'0 0':'20px 20px'}">
        <div style="padding: 20px 20px;border-radius: 5px;background-color: #eef7ff;margin-bottom: 20px;position: relative;">
            <div v-if="!data.isMobile" style="position: absolute;right: 20px;top:calc((134.57px - 32px)/2)">
                <a-button :loading="data.isFavoriting" v-if="data.majorIntroductionFormInfos.isFavorited" style="padding: 0 30px;" @click="deleteFavoriteMajor">取消收藏</a-button>
                <a-button :loading="data.isFavoriting" v-if="!data.majorIntroductionFormInfos.isFavorited" style="padding: 0 30px;" type="primary" status="warning" @click="addFavoriteMajor">收藏</a-button>
            </div>
            <div style="font-size: 22px;">
                <span>
                    {{ data.majorIntroductionFormInfos.results[0].majorName }}
                </span>
                <span style="font-size: 12px;border-radius: 3px;background-color: rgb(242,242,242);padding: 3px 3px;margin-left: 15px;">
                    {{ data.majorIntroductionFormInfos.results[0].class + " " + data.majorIntroductionFormInfos.results[0].majorClass }}
                </span>
            </div>
            <div style="font-size: 14px;line-height: 30px;">
                <span>
                    {{ data.majorIntroductionFormInfos.results[0].remark }}
                </span>
                <span style="margin-left: 10px;">
                    {{ data.majorIntroductionFormInfos.results[0].year }}
                </span>
            </div>
            <div style="line-height: 30px;">
                专业代码：{{ data.majorIntroductionFormInfos.results[0].majorId }}
            </div>
        </div>
        <div v-if="data.isMobile">
                <a-button :loading="data.isFavoriting" v-if="data.majorIntroductionFormInfos.isFavorited" style="padding: 0 30px;" @click="deleteFavoriteMajor">取消收藏</a-button>
                <a-button :loading="data.isFavoriting" v-if="!data.majorIntroductionFormInfos.isFavorited" style="padding: 0 30px;" type="primary" status="warning" @click="addFavoriteMajor">收藏</a-button>
            </div>
        <div v-if="data.majorIntroductionFormInfos.logoPics[0]!='/w/images/thumb/c/cd/Crystal_Clear_action_find.jpg/25px-Crystal_Clear_action_find.jpg'">
            <div style="font-size: 22px;margin-bottom: 10px;">
                专业介绍
            </div>
            <div style="line-height: 30px;text-indent: 2em;">
                {{ data.majorIntroductionFormInfos.summary }}
            </div>
        </div>
    </div>
  </a-modal>

  <a-modal v-model:visible="data.buyVIPwarningFormVisible" :footer="false" :width="data.isMobile?'100%':'unset'">
    <template #title>
      激活VIP
    </template>
    <div>此功能仅限已激活VIP的账号使用，此账号未激活VIP，请激活后再试。</div>
    <div style="margin-top: 10px;text-align: right;">
        <a-button style="margin-right: 10px;" @click="data.buyVIPwarningFormVisible=false">取消</a-button>
        <a-button type="primary" status="danger" @click="()=>{
            data.buyVIPwarningFormVisible=false;
            changePage(8)
        }">激活</a-button>
    </div>
  </a-modal>

<div v-if="data.isMobile==false" style="width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;overflow-y: scroll;">

    <a-trigger position="top" auto-fit-position :unmount-on-close="false">
        <div style="width:40px;height:40px;border-radius: 10px;background-color: rgb(0,120,215);text-align: center;line-height: 40px;font-size: 14px;color:white;position:fixed;right:20px;bottom:20px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);">
App
    </div>
      <template #content>
        <div style="padding:20px 20px;border-radius:5px;background-color: #fff;box-shadow: 0 4px 10px rgba(0,0,0,0.1);transform: translateX(-20px);text-align: center;">
          <img src="../../public/qrc.png" alt="" style="width:120px"><br>
          下载App（密码：2355）
        </div>
      </template>
    </a-trigger>

    

    <div style="padding: 0px 0px;box-shadow: 0 4px 10px rgba(0,0,0,0.3);position: fixed;left: 20px;top: 50vh;transform: translateY(-50%);background-color: rgba(242,242,242,0.8);border-radius: 5px;backdrop-filter: blur(20px);z-index: 40000;overflow: hidden;">
        <a-trigger position="top" auto-fit-position :unmount-on-close="false">
            <div class="sider-button">
            <svg width="30" height="30" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 5c9.389 0 17 7.611 17 17 0 3.549-1.087 6.844-2.947 9.57l6.782 6.782a1 1 0 010 1.414l-1.697 1.698a1 1 0 01-1.414 0l-6.604-6.605A16.934 16.934 0 0122 39c-9.389 0-17-7.611-17-17S12.611 5 22 5zm0 4.2C14.93 9.2 9.2 14.93 9.2 22S14.93 34.8 22 34.8 34.8 29.07 34.8 22 29.07 9.2 22 9.2z" fill="currentColor"/></svg><br><p>查询</p>
        </div>
      <template #content>
        <div style="position: fixed;left: 110px;border-radius: 5px;box-shadow: 0 4px 10px rgba(0,0,0,0.2);background-color: rgba(242,242,242,0.8);backdrop-filter: blur(20px);transform: translateY(-45px);overflow: hidden;">
            <div class="sider-button" @click="changePage(2)">
                <svg width="25" height="25" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.106 27.17a1 1 0 011.341-.446l2 1a1 1 0 01.553.894v6.187l11 5.923 11-5.923v-6.187a1 1 0 01.553-.894l2-1a1 1 0 011.447.894V36a2 2 0 01-1.052 1.76l-13 7a2 2 0 01-1.896 0l-13-7A2 2 0 019 36v-8.382a1 1 0 01.106-.447zM25.415 4.26l.226.093 18 8.095c1.534.69 2.324 2.113 2.358 3.554L46 16v19a1 1 0 01-1 1h-2a1 1 0 01-1-1V20.557l-16.226 8.028a4 4 0 01-3.336.098l-.212-.098-18-8.905c-2.966-1.467-2.951-5.666-.055-7.142l.188-.09 18-8.096a4 4 0 013.056-.093zM24 8L6 16.095 24 25l18-8.905L24 8z" fill="currentColor"/></svg><br><p>院校查询</p>
        </div>
        <div class="sider-button" @click="changePage(3)">
           <svg width="25" height="25" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.958 3.522l19.433 10.6a1 1 0 010 1.756l-19.433 10.6a2 2 0 01-1.916 0L3.61 15.878a1 1 0 010-1.756l19.433-10.6a2 2 0 011.916 0zM5.93 22.23l-.14-.067a2 2 0 00-1.723 3.607l18.991 9.995.146.07.143.056.138.042.145.033.11.017.187.016.108.001.128-.006.172-.022.135-.028.078-.02.175-.06.103-.043c.039-.017.077-.036.115-.056l18.99-9.995a2 2 0 00-1.864-3.54L24 31.74 5.93 22.23zm0 9l-.14-.067a2 2 0 00-1.723 3.607l19 10 .142.067c.42.182.873.207 1.29.1.465.12.974.074 1.431-.167l19-10a2 2 0 00-1.862-3.54l-18.57 9.772L5.932 31.23zM10.353 15L24 7.556 37.647 15 24 22.444 10.353 15z" fill="currentColor"/></svg><br><p>专业查询</p>
        </div>
        
        <div class="sider-button" @click="changePage(4)">
           <svg width="25" height="25" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.342 8c.647 0 1.261.312 1.676.85L21.44 12h22.464c1.157 0 2.095.895 2.095 2v28c0 1.105-.938 2-2.095 2H4.095C2.938 44 2 43.105 2 42V10.364C2 9.058 2.977 8 4.182 8h13.16zM42 16H6v24h36V16zm-17.726 5.077c.083.05.152.123.2.21l1.941 3.524a.55.55 0 00.36.274l3.792.85a.575.575 0 01.42.681.584.584 0 01-.127.265l-2.593 3.027a.593.593 0 00-.137.444l.399 4.014a.568.568 0 01-.488.63.525.525 0 01-.294-.053l-3.51-1.773a.524.524 0 00-.474 0l-3.51 1.773a.536.536 0 01-.73-.268.598.598 0 01-.052-.309l.399-4.014a.593.593 0 00-.137-.444l-2.593-3.027a.595.595 0 01.041-.811.539.539 0 01.252-.135l3.792-.85a.55.55 0 00.36-.274l1.941-3.524a.533.533 0 01.748-.21z" fill="currentColor"/></svg><br><p>收藏夹</p>
        </div>
        </div>
      </template>
    </a-trigger>
        <div class="sider-button" @click="changePage(5)">
            <svg width="25" height="25" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 4a2 2 0 012-2h25l9 9.429V44a2 2 0 01-2 2H8a2 2 0 01-2-2V4zm24 2v8.039h8V42H10V6h20zM14 28a1 1 0 011-1h10a1 1 0 011 1v2a1 1 0 01-1 1H15a1 1 0 01-1-1v-2zm1-9a1 1 0 00-1 1v2a1 1 0 001 1h18a1 1 0 001-1v-2a1 1 0 00-1-1H15z" fill="currentColor"/></svg><br><p>智能填报</p>
        </div>
        <div class="sider-button" @click="changePage(6)">
            <svg width="25" height="25" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M34.03 23c3.82 0 6.914 3.068 6.914 6.853a6.8 6.8 0 01-1.993 4.815C42.38 35.675 45 38.876 45 42.67v.515c0 .45-.365.815-.815.815h-1.677a.815.815 0 01-.812-.74l-.021-.196c-.42-3.111-2.79-5.495-5.374-5.495h-4.62c-2.6 0-4.97 2.416-5.364 5.558l-.015.134a.815.815 0 01-.811.739h-1.676a.815.815 0 01-.815-.815v-.515c0-3.808 2.649-7.02 6.1-8.014a6.8 6.8 0 01-1.983-4.803c0-3.785 3.096-6.853 6.914-6.853zM22 4c9.717 0 17.636 7.7 17.988 17.331a9.932 9.932 0 00-4.125-1.294C34.909 13.235 29.066 8 22 8 14.268 8 8 14.268 8 22v14h12.934l-1.377 4H6a2 2 0 01-2-2V22c0-9.941 8.059-18 18-18zm12.03 22.853a3 3 0 100 6 3 3 0 000-6zM20 25a1 1 0 011 1v2a1 1 0 01-1 1h-5a1 1 0 01-1-1v-2a1 1 0 011-1h5zm8-8a1 1 0 011 1v2a1 1 0 01-1 1H15a1 1 0 01-1-1v-2a1 1 0 011-1h13z" fill="currentColor"/></svg><br><p>专业咨询</p>
        </div>
        <div class="sider-button" @click="changePage(11)">
            <svg width="25" height="25" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 2c12.15 0 22 9.85 22 22s-9.85 22-22 22S2 36.15 2 24 11.85 2 24 2zm0 4C14.059 6 6 14.059 6 24s8.059 18 18 18 18-8.059 18-18S33.941 6 24 6zm1 26a1 1 0 011 1v2a1 1 0 01-1 1h-2a1 1 0 01-1-1v-2a1 1 0 011-1h2zm-1.284-20c2.377 0 4.352.576 5.925 1.727C31.214 14.88 32 16.584 32 18.845c0 1.386-.342 2.553-1.026 3.502-.4.576-1.167 1.311-2.303 2.207l-1.12.88c-.61.48-1.016 1.04-1.216 1.679-.054.175-.102.499-.143.974a1 1 0 01-.996.913h-2.24a1 1 0 01-1-1l.002-.046.003-.046c.129-1.392.267-2.273.414-2.642.273-.688.978-1.48 2.114-2.375l1.152-.912c.379-.288 2.33-1.662 2.33-2.878 0-1.217-.212-1.665-.823-2.332-.61-.668-1.986-.883-3.227-.883-1.22 0-2.263.324-2.773 1.145a5.78 5.78 0 00-.569 1.2 4.18 4.18 0 00-.146.614 1 1 0 01-.985.831h-2.355a1 1 0 01-1-1l.002-.056.005-.057c.025-.223.051-.41.078-.557.39-2.172 1.377-3.768 2.962-4.79 1.241-.81 2.767-1.216 4.576-1.216z" fill="currentColor"/></svg><br><p>问答区</p>
        </div>
        <div class="sider-button" @click="changePage(8)">
            <svg width="25" height="25" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 3c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10S18.477 3 24 3zm18 35c0-7.714-6.477-12-12-12H18c-5.523 0-12 4.292-12 12v6a2 2 0 002 2h32a2 2 0 002-2v-6zm-12-8c3.742 0 8 2.956 8 8v4H10v-4c0-5.188 4.34-8 8-8h12zM18 13a6 6 0 1112 0 6 6 0 01-12 0z" fill="currentColor"/></svg><br><p>{{ data.loginedUserInfo==undefined?'登录':'用户中心' }}</p>
        </div>
    </div>

<div style="width: 100vw;height: 55px;position: fixed;left: 0;top: 0;background-color: rgba(0,120,215,1);z-index: 10000;box-shadow: 0 4px 10px rgb(0,0,0,0.1);">

  <div style="width: 1200px;height: 55px;margin: 0 auto;line-height: 55px;font-size: 16px;position: relative;max-width: 1200px;">

    <div style="line-height: 55px;position: absolute;left: 0;display: inline-block;font-weight: unset;color: white;font-size: 20px;">
        志愿助手
    </div>

  <div style="height: 53px;display: inline-block;position: absolute;right: 0;">

<div class="nav-button" :class="data.currentPageId==1?['nav-button-selected']:['']" @click="changePage(1)">
    首页
</div>

<div class="nav-button" :class="data.currentPageId==2?['nav-button-selected']:['']" @click="changePage(2)">
    院校查询
</div>

<div class="nav-button" :class="data.currentPageId==3?['nav-button-selected']:['']" @click="changePage(3)">
    专业查询
</div>

<div class="nav-button" :class="data.currentPageId==4?['nav-button-selected']:['']" @click="changePage(4)">
    收藏夹
</div>

<div class="nav-button" :class="data.currentPageId==5?['nav-button-selected']:['']" @click="changePage(5)">
    志愿智能填报
</div>

<div class="nav-button" :class="data.currentPageId==6?['nav-button-selected']:['']" @click="changePage(6)">
    专业咨询
</div>

<div class="nav-button" :class="data.currentPageId==11?['nav-button-selected']:['']" @click="changePage(11)">
    问答区
</div>

<div class="nav-button login-button" v-if="data.loginedUserInfo==undefined" @click="changePage(7)">
    登录
</div>

<div class="nav-button" style="margin-right: 0 !important;" v-if="data.loginedUserInfo!=undefined" :class="data.currentPageId==8?['nav-button-selected']:['']" @click="changePage(8)">
    用户中心
</div>

  </div>

  </div>

</div>


<RouterView :show-buy-v-i-p-warning-form="showBuyVIPWarningForm" :show-major-introduction-page="showMajorIntroductionPage" :change-page="changePage" :show-university-introduction-page="showUniversityIntroductionPage" :open-change-user-info-page="openChangeUserInfoPage" :data="data" style="padding-top: 55px;width: 1200px;position: absolute;top: 0;max-width: 1200px;left: 50vw;transform: translateX(-50%);"></RouterView>

</div>

<div v-if="data.isMobile" style="width: 100vw;height: 100vh;position: relative;background-color:white">

    <div style="width: 100%;height: 55px;position: absolute;bottom: 0;border-top: 1px solid rgb(230,230,230);text-align: center;z-index: 20000;">
        <div style="width: 20%;display: inline-block;margin-top: 8px;font-size: 12px;" :style="{color:data.currentPageId==1?'rgb(0,120,215)':'black'}" @click="changePage(1)">
            <svg width="25" height="25" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 4a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h14zm2 24a2 2 0 00-2-2H6a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V28zm22 0a2 2 0 00-2-2H28a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V28zm-26 2H8v10h10V30zm12 0h10v10H30V30zM44 6a2 2 0 00-2-2H28a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V6zM18 8H8v10h10V8zm12 0h10v10H30V8z" fill="currentColor"/></svg><br>
            首页
        </div>
        <div style="width: 20%;display: inline-block;margin-top: 8px;font-size: 12px;" :style="{color:(data.currentPageId==2 || data.currentPageId==3 || data.currentPageId==4)?'rgb(0,120,215)':'black'}" @click="changePage(2)">
            <svg width="25" height="25" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 5c9.389 0 17 7.611 17 17 0 3.549-1.087 6.844-2.947 9.57l6.782 6.782a1 1 0 010 1.414l-1.697 1.698a1 1 0 01-1.414 0l-6.604-6.605A16.934 16.934 0 0122 39c-9.389 0-17-7.611-17-17S12.611 5 22 5zm0 4.2C14.93 9.2 9.2 14.93 9.2 22S14.93 34.8 22 34.8 34.8 29.07 34.8 22 29.07 9.2 22 9.2z" fill="currentColor"/></svg><br>
            查询
        </div>
        <div style="width: 20%;display: inline-block;margin-top: 8px;font-size: 12px;" :style="{color:(data.currentPageId==5)?'rgb(0,120,215)':'black'}" @click="changePage(5)">
            <svg width="25" height="25" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M6 4a2 2 0 012-2h25l9 9.429V44a2 2 0 01-2 2H8a2 2 0 01-2-2V4zm24 2v8.039h8V42H10V6h20zM14 28a1 1 0 011-1h10a1 1 0 011 1v2a1 1 0 01-1 1H15a1 1 0 01-1-1v-2zm1-9a1 1 0 00-1 1v2a1 1 0 001 1h18a1 1 0 001-1v-2a1 1 0 00-1-1H15z" fill="currentColor"/></svg><br>
            智能填报
        </div>
        <div style="width: 20%;display: inline-block;margin-top: 8px;font-size: 12px;" :style="{color:(data.currentPageId==6 || data.currentPageId==11)?'rgb(0,120,215)':'black'}" @click="changePage(6)">
            <svg width="25" height="25" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M34.03 23c3.82 0 6.914 3.068 6.914 6.853a6.8 6.8 0 01-1.993 4.815C42.38 35.675 45 38.876 45 42.67v.515c0 .45-.365.815-.815.815h-1.677a.815.815 0 01-.812-.74l-.021-.196c-.42-3.111-2.79-5.495-5.374-5.495h-4.62c-2.6 0-4.97 2.416-5.364 5.558l-.015.134a.815.815 0 01-.811.739h-1.676a.815.815 0 01-.815-.815v-.515c0-3.808 2.649-7.02 6.1-8.014a6.8 6.8 0 01-1.983-4.803c0-3.785 3.096-6.853 6.914-6.853zM22 4c9.717 0 17.636 7.7 17.988 17.331a9.932 9.932 0 00-4.125-1.294C34.909 13.235 29.066 8 22 8 14.268 8 8 14.268 8 22v14h12.934l-1.377 4H6a2 2 0 01-2-2V22c0-9.941 8.059-18 18-18zm12.03 22.853a3 3 0 100 6 3 3 0 000-6zM20 25a1 1 0 011 1v2a1 1 0 01-1 1h-5a1 1 0 01-1-1v-2a1 1 0 011-1h5zm8-8a1 1 0 011 1v2a1 1 0 01-1 1H15a1 1 0 01-1-1v-2a1 1 0 011-1h13z" fill="currentColor"/></svg><br>
            咨询和问答
        </div>
        <div style="width: 20%;display: inline-block;margin-top: 8px;font-size: 12px;" :style="{color:data.currentPageId==8?'rgb(0,120,215)':'black'}" @click="changePage(8)">
            <svg width="25" height="25" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 3c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10S18.477 3 24 3zm18 35c0-7.714-6.477-12-12-12H18c-5.523 0-12 4.292-12 12v6a2 2 0 002 2h32a2 2 0 002-2v-6zm-12-8c3.742 0 8 2.956 8 8v4H10v-4c0-5.188 4.34-8 8-8h12zM18 13a6 6 0 1112 0 6 6 0 01-12 0z" fill="currentColor"/></svg><br>
            {{ data.loginedUserInfo==undefined?'登录':'用户中心' }}
        </div>
    </div>

    <div style="width: 100%;height: calc(100vh - 55px);position: relative;">
        <RouterView :show-buy-v-i-p-warning-form="showBuyVIPWarningForm" :show-major-introduction-page="showMajorIntroductionPage" :change-page="changePage" :show-university-introduction-page="showUniversityIntroductionPage" :open-change-user-info-page="openChangeUserInfoPage" :data="data" style="width: 100%;height: 100%;"></RouterView>
    </div>
</div>

<div v-if="data.isChoosingOtherUniversity" style="position: fixed;left: 50vw;bottom: 80px;border-radius: 15px;box-shadow: 0 4px 10px rgba(0,0,0,0.3);background-color: rgb(0,120,215);color:white;padding: 10px 20px;text-align: center;transform: translateX(-50%);font-size: 16px;" :style="{width:data.isMobile?'calc(100vw - 40px)':'unset'}">
    请再选择一个和{{ data.universityIntroductionFormInfos.results[0].name }}进行对比的院校<a-button @click="data.isChoosingOtherUniversity=false" style="margin-left: 10px;border-radius: 100px;background-color: rgba(0,0,0,0);color: white;font-size: 16px;text-decoration: underline;padding: 0 0;">取消</a-button>
</div>

<div v-if="data.universityIntroductionCompareFormVisible" style="width: 100vw;height: 100vh;background-color: rgba(0,0,0,0.2);position: fixed;left: 0;top: 0;padding-left: 50vw;padding-top: 50vh;z-index: 30000;">
    <div v-if="!data.isMobile" style="border-radius: 15px;box-shadow: 0 4px 10px rgba(0,0,0,0.3);transform: translate(-50%,-50%);position: relative;width: 1200px;height: 80vh;overflow: hidden;position: relative;">
        <div style="width: 600px;height: 100%;display: inline-block;border-right: 1px solid rgb(230,230,230);">
            <div style="width: 100%;height: 145px;background-color: rgba(242,242,242,0.8);backdrop-filter: blur(20px);position: relative;">

                <div style="padding: 20px 20px;">
                <img v-if="universityIntroductionPageIsHaveLogo()" style="display: inline-block;width: 60px;border-radius: 10px;right: 20px;bottom: 20px;position: absolute;" :src="'https://wiki.mbalib.com' + data.universityIntroductionFormInfos.logoPics[0] + ''" alt="">
                <div>
                    <span style="font-size: 22px;margin-top: -10px;">{{ data.universityIntroductionFormInfos.results[0].name }}</span>
                    <span style="display: inline-block;padding: 3px 3px;border-radius: 3px;background-color: rgba(255,255,255,0.8);font-size: 12px;margin-left: 10px;">
{{ data.universityIntroductionFormInfos.results[0].province + " " + data.universityIntroductionFormInfos.results[0].city + " " + data.universityIntroductionFormInfos.results[0].cityLevel }}
                    </span>
                </div>
                <p style="margin-top: 10px;">{{ data.universityIntroductionFormInfos.results[0].focus + " " + data.universityIntroductionFormInfos.results[0].firstRate + " " + data.universityIntroductionFormInfos.results[0].level + " " + data.universityIntroductionFormInfos.results[0].department + " " + data.universityIntroductionFormInfos.results[0].public + " " + data.universityIntroductionFormInfos.results[0].type  }}</p>
                <p style="margin-top: 10px;margin-bottom: 10px;">建校时间：{{ data.universityIntroductionFormInfos.results[0].yearCount }}</p>
                <a-button style="margin-top: 0px;height: 25px;" @click="openLink(data.universityIntroductionFormInfos.res1.school_site)">官网</a-button>
            </div>

            </div>
            <div style="width: 100%;height:calc(100% - 145px);background-color: white;">

                <div style="padding: 20px 20px;font-size: 22px;padding-top: 20px;padding-bottom: 10px;">
                <span @click="data.universityIntroductionFormInfos.selectedPageId=1" style="margin-right: 30px;transition: color .1s;" :class="data.universityIntroductionFormInfos.selectedPageId==1?['university-introduction-page-title-selected']:['university-introduction-page-title']">学校概况</span>
                <span @click="data.universityIntroductionFormInfos.selectedPageId=2" style="margin-right: 30px;transition: color .1s;" :class="data.universityIntroductionFormInfos.selectedPageId==2?['university-introduction-page-title-selected']:['university-introduction-page-title']" v-if="data.universityIntroductionFormInfos.res1.urllinks['71013']!=undefined">校园全景</span>
                <span @click="data.universityIntroductionFormInfos.selectedPageId=3" style="margin-right: 30px;transition: color .1s;" :class="data.universityIntroductionFormInfos.selectedPageId==3?['university-introduction-page-title-selected']:['university-introduction-page-title']">开设专业</span>
                <span @click="data.universityIntroductionFormInfos.selectedPageId=4;getUniversityIntroductionPageChartReady()" style="transition: color .1s;" :class="data.universityIntroductionFormInfos.selectedPageId==4?['university-introduction-page-title-selected']:['university-introduction-page-title']" v-if="data.universityIntroductionFormInfos.job.province!='' || data.universityIntroductionFormInfos.job.attr!='' || data.universityIntroductionFormInfos.job.company!=''">学校就业</span>
            </div>

            <div style="width: 100%;height: calc(100% - 55.3px);padding: 20px 20px;overflow-y: scroll;padding-top: 15px;">
                <div v-if="data.universityIntroductionFormInfos.selectedPageId==1">
<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    简介
</div>
<div style="text-indent: 2em;font-size: 14px;line-height: 20px;">
    {{ data.universityIntroductionFormInfos.res1.content }}
</div>
</div>

<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    地址
</div>
<div style="text-indent: 2em;font-size: 14px;line-height: 20px;">
    {{ data.universityIntroductionFormInfos.res1.address }}
</div>
</div>

<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    邮箱
</div>
<div style="text-indent: 2em;font-size: 14px;line-height: 20px;">
    {{ data.universityIntroductionFormInfos.res1.email }}
</div>
</div>

<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    院校排名
</div>
<div style="width: 100%;">
    <span>
        <div style="display: inline-block;padding: 15px 15px;text-align: center;width: 100px;border-radius: 5px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-right: 20px;">
            <p style="font-size: 20px;color: dimgray;">校友会</p><br><p>{{ data.universityIntroductionFormInfos.res1.xyh_rank }}</p>
        </div>
    </span>
    <span>
        <div style="display: inline-block;padding: 15px 15px;text-align: center;width: 100px;border-radius: 5px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-right: 20px;">
            <p style="font-size: 20px;color: dimgray;">软科</p><br><p>{{ data.universityIntroductionFormInfos.res1.qs_rank }}</p>
        </div>
    </span>
    <span>
        <div style="display: inline-block;padding: 15px 15px;text-align: center;width: 100px;border-radius: 5px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-right: 20px;">
            <p style="font-size: 20px;color: dimgray;">US世界</p><br><p>{{ data.universityIntroductionFormInfos.res1.us_rank }}</p>
        </div>
    </span>
</div>
</div>
                </div>
                <div v-if="data.universityIntroductionFormInfos.selectedPageId==2" style="width: 100%;height: 100%;position: relative;">
                    <iframe style="width: 100%;height: 100%;border: 0;border-radius: 5px;overflow: hidden;" :src="data.universityIntroductionFormInfos.res1.urllinks['71013'].link"></iframe>
                </div>
                <div v-if="data.universityIntroductionFormInfos.selectedPageId==4">
                    <div>
                        <p style="line-height: 35px;">毕业生签约地区流向</p>
                        <div style="width: 100%;height: 400px;margin-bottom: 20px;margin-top: -20px;" id="universityIntroductionPageJobChart">

                        </div>
                    </div>
                    <div v-if="data.universityIntroductionFormInfos.job.attr!=''">
                        <p style="line-height: 35px;">毕业生签约单位性质</p>
                        <div style="width: 100%;height: 400px;margin-bottom: 20px;margin-top: -20px;" id="universityIntroductionPageJobChart1">

                        </div>
                    </div>
                    <div v-if="data.universityIntroductionFormInfos.job.company!=''">
                        <p style="line-height: 35px;">主要签约单位</p>
                        <div style="border-radius: 5px;border: 1px solid lightgray;overflow: hidden;text-align: center;line-height: 35px;">
                            <div style="border-bottom:  1px solid lightgray;">
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        单位名称
                                    </div>
                                </span>
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        人数
                                    </div>
                                </span>
                            </div>
                            <div v-for="item in Object.keys(data.universityIntroductionFormInfos.job.company)" v-bind:key="item">
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        {{ item }}
                                    </div>
                                </span>
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        {{ data.universityIntroductionFormInfos.job.company[item] }}
                                    </div>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div v-if="data.universityIntroductionFormInfos.selectedPageId==3">
                    <a-table :data="data.universityIntroductionFormInfos.professionals.special_detail['1']" :columns="[
                        {
                            dataIndex:'special_name',
                            title:'专业名称'
                        },
                        {
                            dataIndex:'type_name',
                            title:'层次'
                        },
                        {
                            dataIndex:'level2_name',
                            title:'学科门类'
                        },
                        {
                            dataIndex:'level3_name',
                            title:'专业类别'
                        },
                        {
                            dataIndex:'limit_year',
                            title:'学制'
                        },
                    ]"></a-table>
                </div>
            </div>

            </div>
        </div>
        <div style="width: 600px;height: 100%;display: inline-block;float: right;">
            <div style="width: 100%;height: 145px;background-color: rgba(242,242,242,0.8);backdrop-filter: blur(20px);position: relative;">
                <div style="width: 30px;height: 30px;position: absolute;right: 20px;top: 20px;cursor: pointer;" @click="data.universityIntroductionCompareFormVisible=false">
                    <svg width="30" height="30" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.886 20.957L37.32 7.522a1 1 0 011.414 0l1.414 1.414a1 1 0 010 1.415L26.714 23.786 40.149 37.22a1 1 0 010 1.414l-1.414 1.414a1 1 0 01-1.414 0L23.886 26.614 10.45 40.049a1 1 0 01-1.415 0l-1.414-1.414a1 1 0 010-1.414l13.435-13.435L7.622 10.35a1 1 0 010-1.415l1.414-1.414a1 1 0 011.415 0l13.435 13.435z" fill="currentColor"/></svg>
                </div>
                <div style="padding: 20px 20px;">
                <img v-if="universityIntroductionPageIsHaveLogo2()" style="display: inline-block;width: 60px;border-radius: 10px;right: 20px;bottom: 20px;position: absolute;" :src="'https://wiki.mbalib.com' + data.otherUniversityInfo.logoPics[0] + ''" alt="">
                <div>
                    <span style="font-size: 22px;margin-top: -10px;">{{ data.otherUniversityInfo.results[0].name }}</span>
                    <span style="display: inline-block;padding: 3px 3px;border-radius: 3px;background-color: rgba(255,255,255,0.8);font-size: 12px;margin-left: 10px;">
{{ data.otherUniversityInfo.results[0].province + " " + data.otherUniversityInfo.results[0].city + " " + data.otherUniversityInfo.results[0].cityLevel }}
                    </span>
                </div>
                <p style="margin-top: 10px;">{{ data.otherUniversityInfo.results[0].focus + " " + data.otherUniversityInfo.results[0].firstRate + " " + data.otherUniversityInfo.results[0].level + " " + data.otherUniversityInfo.results[0].department + " " + data.otherUniversityInfo.results[0].public + " " + data.otherUniversityInfo.results[0].type  }}</p>
                <p style="margin-top: 10px;margin-bottom: 10px;">建校时间：{{ data.otherUniversityInfo.results[0].yearCount }}</p>
                <a-button style="margin-top: 0px;height: 25px;" @click="openLink(data.otherUniversityInfo.res1.school_site)">官网</a-button>
                </div>
            </div>
            <div style="width: 100%;height:calc(100% - 145px);background-color: white;">

                <div style="padding: 20px 20px;font-size: 22px;padding-top: 20px;padding-bottom: 10px;">
                <span @click="data.otherUniversityInfo.selectedPageId=1" style="margin-right: 30px;transition: color .1s;" :class="data.otherUniversityInfo.selectedPageId==1?['university-introduction-page-title-selected']:['university-introduction-page-title']">学校概况</span>
                <span @click="data.otherUniversityInfo.selectedPageId=2" style="margin-right: 30px;transition: color .1s;" :class="data.otherUniversityInfo.selectedPageId==2?['university-introduction-page-title-selected']:['university-introduction-page-title']" v-if="data.otherUniversityInfo.res1.urllinks['71013']!=undefined">校园全景</span>
                <span @click="data.otherUniversityInfo.selectedPageId=3" style="margin-right: 30px;transition: color .1s;" :class="data.otherUniversityInfo.selectedPageId==3?['university-introduction-page-title-selected']:['university-introduction-page-title']">开设专业</span>
                <span @click="data.otherUniversityInfo.selectedPageId=4;getUniversityIntroductionPageChartReady1()" style="transition: color .1s;" :class="data.otherUniversityInfo.selectedPageId==4?['university-introduction-page-title-selected']:['university-introduction-page-title']" v-if="data.otherUniversityInfo.job.province!='' || data.otherUniversityInfo.job.attr!='' || data.otherUniversityInfo.job.company!=''">学校就业</span>
            </div>

            <div style="width: 100%;height: calc(100% - 55.3px);padding: 20px 20px;overflow-y: scroll;padding-top: 15px;">
                <div v-if="data.otherUniversityInfo.selectedPageId==1">
<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    简介
</div>
<div style="text-indent: 2em;font-size: 14px;line-height: 20px;">
    {{ data.otherUniversityInfo.res1.content }}
</div>
</div>

<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    地址
</div>
<div style="text-indent: 2em;font-size: 14px;line-height: 20px;">
    {{ data.otherUniversityInfo.res1.address }}
</div>
</div>

<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    邮箱
</div>
<div style="text-indent: 2em;font-size: 14px;line-height: 20px;">
    {{ data.otherUniversityInfo.res1.email }}
</div>
</div>

<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    院校排名
</div>
<div style="width: 100%;">
    <span>
        <div style="display: inline-block;padding: 15px 15px;text-align: center;width: 100px;border-radius: 5px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-right: 20px;">
            <p style="font-size: 20px;color: dimgray;">校友会</p><br><p>{{ data.otherUniversityInfo.res1.xyh_rank }}</p>
        </div>
    </span>
    <span>
        <div style="display: inline-block;padding: 15px 15px;text-align: center;width: 100px;border-radius: 5px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-right: 20px;">
            <p style="font-size: 20px;color: dimgray;">软科</p><br><p>{{ data.otherUniversityInfo.res1.qs_rank }}</p>
        </div>
    </span>
    <span>
        <div style="display: inline-block;padding: 15px 15px;text-align: center;width: 100px;border-radius: 5px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-right: 20px;">
            <p style="font-size: 20px;color: dimgray;">US世界</p><br><p>{{ data.otherUniversityInfo.res1.us_rank }}</p>
        </div>
    </span>
</div>
</div>
                </div>
                <div v-if="data.otherUniversityInfo.selectedPageId==2" style="width: 100%;height: 100%;position: relative;">
                    <iframe style="width: 100%;height: 100%;border: 0;border-radius: 5px;overflow: hidden;" :src="data.otherUniversityInfo.res1.urllinks['71013'].link"></iframe>
                </div>
                <div v-if="data.otherUniversityInfo.selectedPageId==4">
                    <div>
                        <p style="line-height: 35px;">毕业生签约地区流向</p>
                        <div style="width: 100%;height: 400px;margin-bottom: 20px;margin-top: -20px;" id="universityIntroductionPageJobChart2">

                        </div>
                    </div>
                    <div v-if="data.otherUniversityInfo.job.attr!=''">
                        <p style="line-height: 35px;">毕业生签约单位性质</p>
                        <div style="width: 100%;height: 400px;margin-bottom: 20px;margin-top: -20px;" id="universityIntroductionPageJobChart3">

                        </div>
                    </div>
                    <div v-if="data.otherUniversityInfo.job.company!=''">
                        <p style="line-height: 35px;">主要签约单位</p>
                        <div style="border-radius: 5px;border: 1px solid lightgray;overflow: hidden;text-align: center;line-height: 35px;">
                            <div style="border-bottom:  1px solid lightgray;">
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        单位名称
                                    </div>
                                </span>
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        人数
                                    </div>
                                </span>
                            </div>
                            <div v-for="item in Object.keys(data.otherUniversityInfo.job.company)" v-bind:key="item">
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        {{ item }}
                                    </div>
                                </span>
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        {{ data.otherUniversityInfo.job.company[item] }}
                                    </div>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div v-if="data.otherUniversityInfo.selectedPageId==3">
                    <a-table :data="data.otherUniversityInfo.professionals.special_detail['1']" :columns="[
                        {
                            dataIndex:'special_name',
                            title:'专业名称'
                        },
                        {
                            dataIndex:'type_name',
                            title:'层次'
                        },
                        {
                            dataIndex:'level2_name',
                            title:'学科门类'
                        },
                        {
                            dataIndex:'level3_name',
                            title:'专业类别'
                        },
                        {
                            dataIndex:'limit_year',
                            title:'学制'
                        },
                    ]"></a-table>
                </div>
            </div>

            </div>
        </div>
    </div>
    <div v-if="data.isMobile" style="transform: translate(-50%,-50%);width: 100vw;height: 100vh;display: inline-block;position: relative;">
        <div style="width: 50%;height: 100%;display: inline-block;border-right: 1px solid rgb(230,230,230);">
            <div style="width: 100%;height: 145px;background-color: rgba(242,242,242,0.8);backdrop-filter: blur(20px);position: relative;">

                <div style="padding: 10px 10px;">
                <img v-if="universityIntroductionPageIsHaveLogo()" style="display: inline-block;width: 40px;border-radius: 10px;right: 10px;bottom: 10px;position: absolute;" :src="'https://wiki.mbalib.com' + data.universityIntroductionFormInfos.logoPics[0] + ''" alt="">
                <div>
                    <span style="font-size: 16px;margin-top: -10px;">{{ data.universityIntroductionFormInfos.results[0].name }}</span>
                    <span style="display: inline-block;padding: 3px 3px;border-radius: 3px;background-color: rgba(255,255,255,0.8);font-size: 10px;margin-left: 10px;">
{{ data.universityIntroductionFormInfos.results[0].province + " " + data.universityIntroductionFormInfos.results[0].city + " " + data.universityIntroductionFormInfos.results[0].cityLevel }}
                    </span>
                </div>
                <p style="margin-top: 5px;font-style: 12px !important;">{{ data.universityIntroductionFormInfos.results[0].focus + " " + data.universityIntroductionFormInfos.results[0].firstRate + " " + data.universityIntroductionFormInfos.results[0].level + " " + data.universityIntroductionFormInfos.results[0].department + " " + data.universityIntroductionFormInfos.results[0].public + " " + data.universityIntroductionFormInfos.results[0].type  }}</p>
                <p style="margin-top: 5px;margin-bottom: 5px;font-style: 12px !important;">建校时间：{{ data.universityIntroductionFormInfos.results[0].yearCount }}</p>
                <a-button style="margin-top: 0px;height: 20px;font-size: 12px;" @click="openLink(data.universityIntroductionFormInfos.res1.school_site)">官网</a-button>
            </div>

            </div>
            <div style="width: 100%;height:calc(100vh - 135px);background-color: white;">

                <div style="padding: 10px 10px;font-size: 14px;padding-top: 20px;padding-bottom: 10px;">
                <span @click="data.universityIntroductionFormInfos.selectedPageId=1" style="margin-right: 5px;transition: color .1s;" :class="data.universityIntroductionFormInfos.selectedPageId==1?['university-introduction-page-title-selected']:['university-introduction-page-title']">学校概况</span>
                <span @click="data.universityIntroductionFormInfos.selectedPageId=3" style="margin-right: 5px;transition: color .1s;" :class="data.universityIntroductionFormInfos.selectedPageId==3?['university-introduction-page-title-selected']:['university-introduction-page-title']">开设专业</span>
                <span @click="data.universityIntroductionFormInfos.selectedPageId=4;getUniversityIntroductionPageChartReady()" style="transition: color .1s;" :class="data.universityIntroductionFormInfos.selectedPageId==4?['university-introduction-page-title-selected']:['university-introduction-page-title']" v-if="data.universityIntroductionFormInfos.job.province!='' || data.universityIntroductionFormInfos.job.attr!='' || data.universityIntroductionFormInfos.job.company!=''">学校就业</span>
            </div>

            <div style="width: 100%;height: calc(100% - 55.3px);padding: 10px 10px;overflow-y: scroll;padding-top: 15px;">
                <div v-if="data.universityIntroductionFormInfos.selectedPageId==1">
<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    简介
</div>
<div style="text-indent: 2em;font-size: 14px;line-height: 20px;">
    {{ data.universityIntroductionFormInfos.res1.content }}
</div>
</div>

<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    地址
</div>
<div style="text-indent: 2em;font-size: 14px;line-height: 20px;">
    {{ data.universityIntroductionFormInfos.res1.address }}
</div>
</div>

<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    邮箱
</div>
<div style="text-indent: 2em;font-size: 14px;line-height: 20px;">
    {{ data.universityIntroductionFormInfos.res1.email }}
</div>
</div>

<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    院校排名
</div>
<div style="width: 100%;">
    <span>
        <div style="display: inline-block;padding: 15px 15px;text-align: center;width: 100px;border-radius: 5px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-right: 20px;">
            <p style="font-size: 20px;color: dimgray;">校友会</p><br><p>{{ data.universityIntroductionFormInfos.res1.xyh_rank }}</p>
        </div>
    </span>
    <span>
        <div style="display: inline-block;padding: 15px 15px;text-align: center;width: 100px;border-radius: 5px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-right: 20px;">
            <p style="font-size: 20px;color: dimgray;">软科</p><br><p>{{ data.universityIntroductionFormInfos.res1.qs_rank }}</p>
        </div>
    </span>
    <span>
        <div style="display: inline-block;padding: 15px 15px;text-align: center;width: 100px;border-radius: 5px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-right: 20px;">
            <p style="font-size: 20px;color: dimgray;">US世界</p><br><p>{{ data.universityIntroductionFormInfos.res1.us_rank }}</p>
        </div>
    </span>
</div>
</div>
                </div>
                <div v-if="data.universityIntroductionFormInfos.selectedPageId==2" style="width: 100%;height: 100%;position: relative;">
                    <iframe style="width: 100%;height: 100%;border: 0;border-radius: 5px;overflow: hidden;" :src="data.universityIntroductionFormInfos.res1.urllinks['71013'].link"></iframe>
                </div>
                <div v-if="data.universityIntroductionFormInfos.selectedPageId==4">
                    <div>
                        <p style="line-height: 35px;">毕业生签约地区流向</p>
                        <div style="width: 100%;height: 400px;margin-bottom: 20px;margin-top: -20px;" id="universityIntroductionPageJobChart">

                        </div>
                    </div>
                    <div v-if="data.universityIntroductionFormInfos.job.attr!=''">
                        <p style="line-height: 35px;">毕业生签约单位性质</p>
                        <div style="width: 100%;height: 400px;margin-bottom: 20px;margin-top: -20px;" id="universityIntroductionPageJobChart1">

                        </div>
                    </div>
                    <div v-if="data.universityIntroductionFormInfos.job.company!=''">
                        <p style="line-height: 35px;">主要签约单位</p>
                        <div style="border-radius: 5px;border: 1px solid lightgray;overflow: hidden;text-align: center;line-height: 35px;">
                            <div style="border-bottom:  1px solid lightgray;">
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        单位名称
                                    </div>
                                </span>
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        人数
                                    </div>
                                </span>
                            </div>
                            <div v-for="item in Object.keys(data.universityIntroductionFormInfos.job.company)" v-bind:key="item">
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        {{ item }}
                                    </div>
                                </span>
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        {{ data.universityIntroductionFormInfos.job.company[item] }}
                                    </div>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div v-if="data.universityIntroductionFormInfos.selectedPageId==3">
                    <a-table :data="data.universityIntroductionFormInfos.professionals.special_detail['1']" :columns="[
                        {
                            dataIndex:'special_name',
                            title:'专业名称'
                        },
                        {
                            dataIndex:'type_name',
                            title:'层次'
                        },
                        {
                            dataIndex:'level2_name',
                            title:'学科门类'
                        },
                        {
                            dataIndex:'level3_name',
                            title:'专业类别'
                        },
                        {
                            dataIndex:'limit_year',
                            title:'学制'
                        },
                    ]"></a-table>
                </div>
            </div>

            </div>
        </div>
        <div style="width: 50%;height: 100%;display: inline-block;float: right;">
            <div style="width: 100%;height: 145px;background-color: rgba(242,242,242,0.8);backdrop-filter: blur(20px);position: relative;">
                <div style="width: 30px;height: 30px;position: absolute;right: 20px;top: 20px;cursor: pointer;" @click="data.universityIntroductionCompareFormVisible=false">
                    <svg width="30" height="30" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.886 20.957L37.32 7.522a1 1 0 011.414 0l1.414 1.414a1 1 0 010 1.415L26.714 23.786 40.149 37.22a1 1 0 010 1.414l-1.414 1.414a1 1 0 01-1.414 0L23.886 26.614 10.45 40.049a1 1 0 01-1.415 0l-1.414-1.414a1 1 0 010-1.414l13.435-13.435L7.622 10.35a1 1 0 010-1.415l1.414-1.414a1 1 0 011.415 0l13.435 13.435z" fill="currentColor"/></svg>
                </div>
                <div style="padding: 10px 10px;">
                <img v-if="universityIntroductionPageIsHaveLogo2()" style="display: inline-block;width: 40px;border-radius: 10px;right: 10px;bottom: 10px;position: absolute;" :src="'https://wiki.mbalib.com' + data.otherUniversityInfo.logoPics[0] + ''" alt="">
                <div>
                    <span style="font-size: 16px;margin-top: -10px;">{{ data.otherUniversityInfo.results[0].name }}</span>
                    <span style="display: inline-block;padding: 3px 3px;border-radius: 3px;background-color: rgba(255,255,255,0.8);font-size: 10px;margin-left: 10px;">
{{ data.otherUniversityInfo.results[0].province + " " + data.otherUniversityInfo.results[0].city + " " + data.otherUniversityInfo.results[0].cityLevel }}
                    </span>
                </div>
                <p style="margin-top: 5px;font-style: 12px !important;">{{ data.otherUniversityInfo.results[0].focus + " " + data.otherUniversityInfo.results[0].firstRate + " " + data.otherUniversityInfo.results[0].level + " " + data.otherUniversityInfo.results[0].department + " " + data.otherUniversityInfo.results[0].public + " " + data.otherUniversityInfo.results[0].type  }}</p>
                <p style="margin-top: 5px;margin-bottom: 5px;font-style: 12px !important;">建校时间：{{ data.otherUniversityInfo.results[0].yearCount }}</p>
                <a-button style="margin-top: 0px;height: 20px;font-size: 12px;" @click="openLink(data.otherUniversityInfo.res1.school_site)">官网</a-button>
                </div>
            </div>
            <div style="width: 100%;height:calc(100vh - 135px);background-color: white;">

                <div style="padding: 10px 10px;font-size: 14px;padding-top: 20px;padding-bottom: 10px;">
                <span @click="data.otherUniversityInfo.selectedPageId=1" style="margin-right: 5px;transition: color .1s;" :class="data.otherUniversityInfo.selectedPageId==1?['university-introduction-page-title-selected']:['university-introduction-page-title']">学校概况</span>
                <span @click="data.otherUniversityInfo.selectedPageId=3" style="margin-right: 5px;transition: color .1s;" :class="data.otherUniversityInfo.selectedPageId==3?['university-introduction-page-title-selected']:['university-introduction-page-title']">开设专业</span>
                <span @click="data.otherUniversityInfo.selectedPageId=4;getUniversityIntroductionPageChartReady1()" style="transition: color .1s;" :class="data.otherUniversityInfo.selectedPageId==4?['university-introduction-page-title-selected']:['university-introduction-page-title']" v-if="data.otherUniversityInfo.job.province!='' || data.otherUniversityInfo.job.attr!='' || data.otherUniversityInfo.job.company!=''">学校就业</span>
            </div>

            <div style="width: 100%;height: calc(100% - 55.3px);padding: 10px 10px;overflow-y: scroll;padding-top: 15px;">
                <div v-if="data.otherUniversityInfo.selectedPageId==1">
<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    简介
</div>
<div style="text-indent: 2em;font-size: 14px;line-height: 20px;">
    {{ data.otherUniversityInfo.res1.content }}
</div>
</div>

<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    地址
</div>
<div style="text-indent: 2em;font-size: 14px;line-height: 20px;">
    {{ data.otherUniversityInfo.res1.address }}
</div>
</div>

<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    邮箱
</div>
<div style="text-indent: 2em;font-size: 14px;line-height: 20px;">
    {{ data.otherUniversityInfo.res1.email }}
</div>
</div>

<div style="margin-bottom: 20px;">
<div style="font-size: 18px;font-weight: bold;margin-bottom: 15px;">
    院校排名
</div>
<div style="width: 100%;">
    <span>
        <div style="display: inline-block;padding: 15px 15px;text-align: center;width: 100px;border-radius: 5px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-right: 20px;">
            <p style="font-size: 20px;color: dimgray;">校友会</p><br><p>{{ data.otherUniversityInfo.res1.xyh_rank }}</p>
        </div>
    </span>
    <span>
        <div style="display: inline-block;padding: 15px 15px;text-align: center;width: 100px;border-radius: 5px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-right: 20px;">
            <p style="font-size: 20px;color: dimgray;">软科</p><br><p>{{ data.otherUniversityInfo.res1.qs_rank }}</p>
        </div>
    </span>
    <span>
        <div style="display: inline-block;padding: 15px 15px;text-align: center;width: 100px;border-radius: 5px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);margin-right: 20px;">
            <p style="font-size: 20px;color: dimgray;">US世界</p><br><p>{{ data.otherUniversityInfo.res1.us_rank }}</p>
        </div>
    </span>
</div>
</div>
                </div>
                <div v-if="data.otherUniversityInfo.selectedPageId==2" style="width: 100%;height: 100%;position: relative;">
                    <iframe style="width: 100%;height: 100%;border: 0;border-radius: 5px;overflow: hidden;" :src="data.otherUniversityInfo.res1.urllinks['71013'].link"></iframe>
                </div>
                <div v-if="data.otherUniversityInfo.selectedPageId==4">
                    <div>
                        <p style="line-height: 35px;">毕业生签约地区流向</p>
                        <div style="width: 100%;height: 400px;margin-bottom: 20px;margin-top: -20px;" id="universityIntroductionPageJobChart2">

                        </div>
                    </div>
                    <div v-if="data.otherUniversityInfo.job.attr!=''">
                        <p style="line-height: 35px;">毕业生签约单位性质</p>
                        <div style="width: 100%;height: 400px;margin-bottom: 20px;margin-top: -20px;" id="universityIntroductionPageJobChart3">

                        </div>
                    </div>
                    <div v-if="data.otherUniversityInfo.job.company!=''">
                        <p style="line-height: 35px;">主要签约单位</p>
                        <div style="border-radius: 5px;border: 1px solid lightgray;overflow: hidden;text-align: center;line-height: 35px;">
                            <div style="border-bottom:  1px solid lightgray;">
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        单位名称
                                    </div>
                                </span>
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        人数
                                    </div>
                                </span>
                            </div>
                            <div v-for="item in Object.keys(data.otherUniversityInfo.job.company)" v-bind:key="item">
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        {{ item }}
                                    </div>
                                </span>
                                <span>
                                    <div style="display: inline-block;width: 50%;">
                                        {{ data.otherUniversityInfo.job.company[item] }}
                                    </div>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div v-if="data.otherUniversityInfo.selectedPageId==3">
                    <a-table :data="data.otherUniversityInfo.professionals.special_detail['1']" :columns="[
                        {
                            dataIndex:'special_name',
                            title:'专业名称'
                        },
                        {
                            dataIndex:'type_name',
                            title:'层次'
                        },
                        {
                            dataIndex:'level2_name',
                            title:'学科门类'
                        },
                        {
                            dataIndex:'level3_name',
                            title:'专业类别'
                        },
                        {
                            dataIndex:'limit_year',
                            title:'学制'
                        },
                    ]"></a-table>
                </div>
            </div>

            </div>
        </div>
    </div>
</div>

<div v-if="data.showImproveUserInfoPage" style="width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;z-index: 30000;backdrop-filter: blur(5px);padding-left: 50vw;padding-top: 50vh;background-color: rgba(0,0,0,0.2);">

    <div style="border-radius: 15px;box-shadow: 0 4px 10px rgba(0,0,0,0.3);transform: translate(-50%,-50%);background-color: white;position: relative;" :style="{width:data.isMobile?'100vw':'800px',padding:data.isMobile?'20px 20px':'40px 40px'}">
        <div style="margin-bottom: 25px;" :style="{fontSize:data.isMobile?'20px':'28px'}">
            {{ data.isImproveUserInfoPageEdit?'修改考生信息':'请完善考生信息' }}
        </div>
        <div v-if="data.isImproveUserInfoPageEdit" style="width: 30px;height: 30px;position: absolute;right: 20px;top: 20px;cursor: pointer;" @click="data.showImproveUserInfoPage=false">
            <svg width="30" height="30" viewBox="0 0 48 48" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.886 20.957L37.32 7.522a1 1 0 011.414 0l1.414 1.414a1 1 0 010 1.415L26.714 23.786 40.149 37.22a1 1 0 010 1.414l-1.414 1.414a1 1 0 01-1.414 0L23.886 26.614 10.45 40.049a1 1 0 01-1.415 0l-1.414-1.414a1 1 0 010-1.414l13.435-13.435L7.622 10.35a1 1 0 010-1.415l1.414-1.414a1 1 0 011.415 0l13.435 13.435z" fill="currentColor"/></svg>
        </div>
        <div style="width: 100%;padding: 20px 20px;background-color: rgba(0,0,0,0.05);border-radius: 5px;height: 300px;overflow-y: scroll;margin-bottom: 25px;position: relative;">
            <div style="display: inline-block;height: 100%;" :style="{width:data.isMobile?'calc(100%)':'calc(50% - 10px)'}">
                <div style="margin-bottom: 10px;">
                    姓名
                    <a-input v-model="data.improveUserInfoPageForm.name" style="height: 40px;border: 0px;border-bottom: 1px solid rgb(0,120,215);background-color: rgba(0,0,0,0);padding: 0 0;" placeholder="请输入姓名"></a-input>
                </div>
                <div style="margin-bottom: 10px;">
                    身份证号
                    <a-input v-model="data.improveUserInfoPageForm.idNumber" style="height: 40px;border: 0px;border-bottom: 1px solid rgb(0,120,215);background-color: rgba(0,0,0,0);padding: 0 0;" placeholder="请输入身份证号"></a-input>
                </div>
                <div style="margin-bottom: 10px;">
                    分数
                    <a-input v-model="data.improveUserInfoPageForm.score" style="height: 40px;border: 0px;border-bottom: 1px solid rgb(0,120,215);background-color: rgba(0,0,0,0);padding: 0 0;" placeholder="请输入分数"></a-input>
                </div>
                <div style="margin-bottom: 10px;">
                    位次
                    <a-input v-model="data.improveUserInfoPageForm.ranking" style="height: 40px;border: 0px;border-bottom: 1px solid rgb(0,120,215);background-color: rgba(0,0,0,0);padding: 0 0;" placeholder="请输入位次"></a-input>
                </div>
            </div>
            <br v-if="data.isMobile">
            <div style="display: inline-block;height: 100%;float: right;" :style="{width:data.isMobile?'calc(100%)':'calc(50% - 10px)'}">
                
                <div style="margin-bottom: 10px;">
                    身体受限情况<br>
                    <a-checkbox-group @change="getUserSelectedSMorSR" v-model:model-value="data.improveUserInfoPageForm.isSMorSR" style="line-height: 35px;">
                        <a-checkbox @change="getUserSelectedSMorSR" :value="1">色盲</a-checkbox>
                        <a-checkbox @change="getUserSelectedSMorSR" :value="2">色弱</a-checkbox>
                    </a-checkbox-group>
                </div>
                <!-- <div style="margin-bottom: 10px;">
                    省份
                    <a-select :disabled="true" @change="changeSubjectSectionType" v-model="data.improveUserInfoPageForm.province" style="height: 40px;border: 0px;border-bottom: 1px solid rgb(0,120,215);background-color: rgba(0,0,0,0);padding: 0 0;" placeholder="请选择省份">
                        <a-option v-bind:key="item" v-for="item in data.provinces">{{ item }}</a-option>
                    </a-select>
                </div> -->
                <div v-if="data.improveUserInfoPageForm.subjectSelectionType!=0">
                    科目
                    <div v-if="data.improveUserInfoPageForm.subjectSelectionType==1" style="line-height: 25px;">
                        <a-checkbox v-model="data.improveUserInfoPageForm.subjectSelectStatus.type1[0]" @change="improveUserInfoPageFormSubjectSelectionChanged" :disabled="data.improveUserInfoPageForm.subjectSelectStatus.dis && !data.improveUserInfoPageForm.subjectSelectStatus.type1[0]">物理</a-checkbox>
                        <a-checkbox v-model="data.improveUserInfoPageForm.subjectSelectStatus.type1[1]" @change="improveUserInfoPageFormSubjectSelectionChanged" :disabled="data.improveUserInfoPageForm.subjectSelectStatus.dis && !data.improveUserInfoPageForm.subjectSelectStatus.type1[1]">化学</a-checkbox>
                        <a-checkbox v-model="data.improveUserInfoPageForm.subjectSelectStatus.type1[2]" @change="improveUserInfoPageFormSubjectSelectionChanged" :disabled="data.improveUserInfoPageForm.subjectSelectStatus.dis && !data.improveUserInfoPageForm.subjectSelectStatus.type1[2]">生物</a-checkbox>
                        <a-checkbox v-model="data.improveUserInfoPageForm.subjectSelectStatus.type1[3]" @change="improveUserInfoPageFormSubjectSelectionChanged" :disabled="data.improveUserInfoPageForm.subjectSelectStatus.dis && !data.improveUserInfoPageForm.subjectSelectStatus.type1[3]">政治</a-checkbox>
                        <a-checkbox v-model="data.improveUserInfoPageForm.subjectSelectStatus.type1[4]" @change="improveUserInfoPageFormSubjectSelectionChanged" :disabled="data.improveUserInfoPageForm.subjectSelectStatus.dis && !data.improveUserInfoPageForm.subjectSelectStatus.type1[4]">历史</a-checkbox>
                        <a-checkbox v-model="data.improveUserInfoPageForm.subjectSelectStatus.type1[5]" @change="improveUserInfoPageFormSubjectSelectionChanged" :disabled="data.improveUserInfoPageForm.subjectSelectStatus.dis && !data.improveUserInfoPageForm.subjectSelectStatus.type1[5]">地理</a-checkbox>
                    </div>
                    <div v-if="data.improveUserInfoPageForm.subjectSelectionType==2" style="line-height: 25px;">
                        <a-radio-group v-model="data.improveUserInfoPageForm.subjectSelectStatus.type2[0]" @change="improveUserInfoPageFormSubjectSelectionChanged">
                            <a-radio :value="5">物理</a-radio>
                            <a-radio :value="6">历史</a-radio>
                        </a-radio-group>
                        <br>
                        <a-checkbox v-model="data.improveUserInfoPageForm.subjectSelectStatus.type2[1]" @change="improveUserInfoPageFormSubjectSelectionChanged" :disabled="data.improveUserInfoPageForm.subjectSelectStatus.dis && !data.improveUserInfoPageForm.subjectSelectStatus.type2[1]">化学</a-checkbox>
                        <a-checkbox v-model="data.improveUserInfoPageForm.subjectSelectStatus.type2[2]" @change="improveUserInfoPageFormSubjectSelectionChanged" :disabled="data.improveUserInfoPageForm.subjectSelectStatus.dis && !data.improveUserInfoPageForm.subjectSelectStatus.type2[2]">生物</a-checkbox>
                        <a-checkbox v-model="data.improveUserInfoPageForm.subjectSelectStatus.type2[3]" @change="improveUserInfoPageFormSubjectSelectionChanged" :disabled="data.improveUserInfoPageForm.subjectSelectStatus.dis && !data.improveUserInfoPageForm.subjectSelectStatus.type2[3]">政治</a-checkbox>
                        <a-checkbox v-model="data.improveUserInfoPageForm.subjectSelectStatus.type2[4]" @change="improveUserInfoPageFormSubjectSelectionChanged" :disabled="data.improveUserInfoPageForm.subjectSelectStatus.dis && !data.improveUserInfoPageForm.subjectSelectStatus.type2[4]">地理</a-checkbox>
                    </div>
                    <div v-if="data.improveUserInfoPageForm.subjectSelectionType==3" style="line-height: 25px;">
                        <a-radio-group v-model="data.improveUserInfoPageForm.subjectSelectStatus.type3" @change="improveUserInfoPageFormSubjectSelectionChanged">
                            <a-radio :value="1">理科</a-radio>
                            <a-radio :value="2">文科</a-radio>
                        </a-radio-group>
                    </div>
                </div>
                <div style="margin-bottom: 10px;" v-if="data.improveUserInfoPageForm.subjectSelectStatus.dis==true">
                    <span style="width:calc(33.3% - 6.66px);display: inline-block;margin-right: 9px;">
                        语文成绩
                        <a-input v-model="data.improveUserInfoPageForm.subjectScores.s1" style="height: 40px;border: 0px;border-bottom: 1px solid rgb(0,120,215);background-color: rgba(0,0,0,0);padding: 0 0;" placeholder="请输入"></a-input>
                    </span>
                    <span style="width:calc(33.3% - 6.66px);display: inline-block;margin-right: 9px;">
                        数学成绩
                        <a-input v-model="data.improveUserInfoPageForm.subjectScores.s2" style="height: 40px;border: 0px;border-bottom: 1px solid rgb(0,120,215);background-color: rgba(0,0,0,0);padding: 0 0;" placeholder="请输入"></a-input>
                    </span>
                    <span style="width:calc(33.3% - 6.66px);display: inline-block;">
                        外语成绩
                        <a-input v-model="data.improveUserInfoPageForm.subjectScores.s3" style="height: 40px;border: 0px;border-bottom: 1px solid rgb(0,120,215);background-color: rgba(0,0,0,0);padding: 0 0;" placeholder="请输入"></a-input>
                    </span>
                </div>
                <div style="margin-bottom: 10px;" v-if="data.improveUserInfoPageForm.subjectSelectStatus.dis==true">
                    <span style="width:calc(33.3% - 6.66px);display: inline-block;margin-right: 9px;">
                        {{ data.improveUserInfoPageForm.subjectSelectStatus.type1SubjectNames[0] }}成绩
                        <a-input v-model="data.improveUserInfoPageForm.subjectScores.s4" style="height: 40px;border: 0px;border-bottom: 1px solid rgb(0,120,215);background-color: rgba(0,0,0,0);padding: 0 0;" placeholder="请输入"></a-input>
                    </span>
                    <span style="width:calc(33.3% - 6.66px);display: inline-block;margin-right: 9px;">
                        {{ data.improveUserInfoPageForm.subjectSelectStatus.type1SubjectNames[1] }}成绩
                        <a-input v-model="data.improveUserInfoPageForm.subjectScores.s5" style="height: 40px;border: 0px;border-bottom: 1px solid rgb(0,120,215);background-color: rgba(0,0,0,0);padding: 0 0;" placeholder="请输入"></a-input>
                    </span>
                    <span style="width:calc(33.3% - 6.66px);display: inline-block;">
                        {{ data.improveUserInfoPageForm.subjectSelectStatus.type1SubjectNames[2] }}成绩
                        <a-input v-model="data.improveUserInfoPageForm.subjectScores.s6" style="height: 40px;border: 0px;border-bottom: 1px solid rgb(0,120,215);background-color: rgba(0,0,0,0);padding: 0 0;" placeholder="请输入"></a-input>
                    </span>
                </div>
            </div>
            
        </div>
        <div style="width: 100%;text-align: right;">
            <a-button style="padding: 15px 40px;font-size: 16px;height: 40px;" type="primary" @click="postImproveUserInfo">保存</a-button>
        </div>
    </div>


</div>


</div>
</template>

<script>
import router from '@/utils/router';
import jscookie from 'js-cookie';
import axios from 'axios';
import * as echarts from 'echarts'

export default{
    components:{

    },
    data(){
        return{
            data:{
                showPage:false,
                currentPageId:1,
                loginedUserInfo:undefined,
                showImproveUserInfoPage:false,
                isImproveUserInfoPageEdit:false,
                provinces:['北京','上海','天津','重庆','四川','云南','贵州','西藏','河北','山西','内蒙古','辽宁','吉林','黑龙江','山东','江苏','浙江','江西','福建','安徽','陕西','甘肃','宁夏','青海','新疆','河南','湖南','湖北','海南','广东','广西'],
                improveUserInfoPageForm:{
                    name:'',
                    idNumber:'',
                    score:'',
                    ranking:'',
                    province:'山东',
                    subjects:'',
                    subjectSelectionType:1,
                    subjectSelectStatus:{
                        type1:[false,false,false,false,false,false],
                        type2:[1,false,false,false,false],
                        type3:1,
                        dis:false,
                        type1SubjectNames:[]
                    },
                    isSMorSR:[],
                    isSM:0,
                    isSR:0,
                    subjectScores:{
                        s1:'',
                        s2:'',
                        s3:'',
                        s4:'',
                        s5:'',
                        s6:'',
                    }
                },
                banners:[],
                news:[],
                universityIntroductionFormVisible:false,
                universityIntroductionFormInfos:undefined,
                isFavoriting:false,
                majorIntroductionFormVisible:false,
                majorIntroductionFormInfos:undefined,
                isMobile:false,
                batchScore:undefined,
                buyVIPwarningFormVisible:false,
                universityIntroductionPage2Visible:false,
                isGettingUniversityIntroduction:false,
                majorIntroductionForm2Visible:false,
                universityIntroductionCompareFormVisible:false,
                isChoosingOtherUniversity:false,
                otherUniversityInfo:undefined
            },
        }
    },
    mounted(){
        this.autoLogin();
        this.getPageId();
        this.getNews();
        console.log(this.isMobile())
        this.data.isMobile=this.isMobile();
    },
    methods:{
        getUniversityIntroductionPageChartReady1(){
            setTimeout(() => {
                let locations = [];
                let locationRates = [];
                for(let i=0;i<Object.keys(this.data.otherUniversityInfo.job.province).length;i++){
                    locations.push(this.data.otherUniversityInfo.job.province[Object.keys(this.data.otherUniversityInfo.job.province)[i]].province_name)
                    locationRates.push(this.data.otherUniversityInfo.job.province[Object.keys(this.data.otherUniversityInfo.job.province)[i]].rate)
                }
                  let myChart = echarts.init(document.getElementById("universityIntroductionPageJobChart2"));
      let option = {
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  grid: {
    left: '3%',
    right: '4%',
    bottom: '3%',
    containLabel: true
  },
  xAxis: {
    type: 'value',
    boundaryGap: [0, 0.01],
    name:'比例（%）'
  },
  yAxis: {
    type: 'category',
    data: locations,
    name:'地区'
  },
  series: [
    {
      type: 'bar',
      data: locationRates
    }
  ]
};
      myChart.setOption(option);
                if(this.data.otherUniversityInfo.job.attr!=''){
                    let attrs = Object.keys(this.data.otherUniversityInfo.job.attr);
                    let attrValues = [];
                    for(let i=0;i<attrs.length;i++){
                        attrValues.push(this.data.otherUniversityInfo.job.attr[Object.keys(this.data.otherUniversityInfo.job.attr)[i]])
                    }
                     let myChart1 = echarts.init(document.getElementById("universityIntroductionPageJobChart3"));
      let option1 = {
  xAxis: {
    type: 'category',
    data: attrs,
  },
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  yAxis: {
    type: 'value',
    name:'比例（%）'
  },
  series: [
    {
      data: attrValues,
      type: 'bar',
      showBackground: true,
      backgroundStyle: {
        color: 'rgba(180, 180, 180, 0.2)'
      }
    }
  ]
};
      myChart1.setOption(option1);
                }
                 
            }, 1);
          
        },
        getUniversityIntroductionPageChartReady(){
            setTimeout(() => {
                let locations = [];
                let locationRates = [];
                for(let i=0;i<Object.keys(this.data.universityIntroductionFormInfos.job.province).length;i++){
                    locations.push(this.data.universityIntroductionFormInfos.job.province[Object.keys(this.data.universityIntroductionFormInfos.job.province)[i]].province_name)
                    locationRates.push(this.data.universityIntroductionFormInfos.job.province[Object.keys(this.data.universityIntroductionFormInfos.job.province)[i]].rate)
                }
                  let myChart = echarts.init(document.getElementById("universityIntroductionPageJobChart"));
      let option = {
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  grid: {
    left: '3%',
    right: '4%',
    bottom: '3%',
    containLabel: true
  },
  xAxis: {
    type: 'value',
    boundaryGap: [0, 0.01],
    name:'比例（%）'
  },
  yAxis: {
    type: 'category',
    data: locations,
    name:'地区'
  },
  series: [
    {
      type: 'bar',
      data: locationRates
    }
  ]
};
      myChart.setOption(option);
                if(this.data.universityIntroductionFormInfos.job.attr!=''){
                    let attrs = Object.keys(this.data.universityIntroductionFormInfos.job.attr);
                    let attrValues = [];
                    for(let i=0;i<attrs.length;i++){
                        attrValues.push(this.data.universityIntroductionFormInfos.job.attr[Object.keys(this.data.universityIntroductionFormInfos.job.attr)[i]])
                    }
                     let myChart1 = echarts.init(document.getElementById("universityIntroductionPageJobChart1"));
      let option1 = {
  xAxis: {
    type: 'category',
    data: attrs,
  },
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  yAxis: {
    type: 'value',
    name:'比例（%）'
  },
  series: [
    {
      data: attrValues,
      type: 'bar',
      showBackground: true,
      backgroundStyle: {
        color: 'rgba(180, 180, 180, 0.2)'
      }
    }
  ]
};
      myChart1.setOption(option1);
                }
                 
            }, 1);
          
        },
        universityIntroductionPageIsHaveLogo(){
            return this.data.universityIntroductionFormInfos.logoPics[0]!='/w/images/thumb/c/cd/Crystal_Clear_action_find.jpg/25px-Crystal_Clear_action_find.jpg';
        },
        universityIntroductionPageIsHaveLogo2(){
            return this.data.otherUniversityInfo.logoPics[0]!='/w/images/thumb/c/cd/Crystal_Clear_action_find.jpg/25px-Crystal_Clear_action_find.jpg';
        },
        showBuyVIPWarningForm(){
            this.data.buyVIPwarningFormVisible=true;
        },
        getBatchScores(){
            var config = {
   method: 'get',
   url: '/api/v1/system/get?data=' + JSON.stringify({
    keyName:'batchScore'
   }),
   headers: { 
      'Accept': '*/*'
   }
};

axios(config)
.then((res) => {
   if(res.data.status==1){
    this.data.batchScore=JSON.parse(res.data.results.value)
   }else{
    this.$message.error({
        content:res.data.content
    })
   }
})
        },
        isMobile() {
            var userAgent = navigator.userAgent;
            var mobileRegex = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
  
            if (mobileRegex.test(userAgent)) {
                return true;
            } else {
                return false;
            }
        },
        getUserSelectedSMorSR(){
            console.log(1)
            if(this.data.improveUserInfoPageForm.isSMorSR.length==0){
                this.data.improveUserInfoPageForm.isSM=0;
                this.data.improveUserInfoPageForm.isSR=0;
            }else if(this.data.improveUserInfoPageForm.isSMorSR.length==1){
                if(this.data.improveUserInfoPageForm.isSMorSR[0]==1){
                    this.data.improveUserInfoPageForm.isSM=1;
                    this.data.improveUserInfoPageForm.isSR=0;
                }else{
                    this.data.improveUserInfoPageForm.isSM=0;
                    this.data.improveUserInfoPageForm.isSR=1;
                }
            }else{
                this.data.improveUserInfoPageForm.isSM=1;
                this.data.improveUserInfoPageForm.isSR=1;
            }
        },
        deleteFavoriteMajor(){
            this.data.isFavoriting=true;
            var config = {
   method: 'post',
   url: '/api/v1/favoritemajorcontents/delete?data=' + JSON.stringify({
    name:this.data.majorIntroductionFormInfos.results[0].majorName,
    userAccount:this.data.loginedUserInfo.account
   }),
   headers: { 
      'Accept': '*/*'
   }
};

axios(config)
.then((res) => {
    this.data.isFavoriting=false;
   if(res.data.status==1){
    this.showMajorIntroductionPage(this.data.majorIntroductionFormInfos.results[0].majorName)
   }else{
    this.$message.error({
        content:res.data.content
    })
   }
})
        },
        addFavoriteMajor(){
            if(this.data.loginedUserInfo==undefined){
                this.changePage(7);
                return;
            }
            this.data.isFavoriting=true;
            var config = {
   method: 'post',
   url: '/api/v1/favoriteMajorContents/add?data=' + JSON.stringify({
    name:this.data.majorIntroductionFormInfos.results[0].majorName,
    userAccount:this.data.loginedUserInfo.account
   }),
   headers: { 
      'Accept': '*/*', 
   }
};

axios(config)
.then((res) => {
    this.isFavoriting=false;
   if(res.data.status==1){
    this.showMajorIntroductionPage(this.data.majorIntroductionFormInfos.results[0].majorName);
   }else{
    this.$message.error({
        content:res.data.content
    })
   }
})
        },
        showMajorIntroductionPage(name){
            this.data.isFavoriting=true;
            var config = {
   method: 'get',
   url: '/api/v1/majorcontents/introduction?data='+JSON.stringify({
    name:name,
    userAccount:(this.data.loginedUserInfo==undefined?'':this.data.loginedUserInfo.account)
   }),
   headers: { 
      'Accept': '*/*', 
   }
};

axios(config)
.then((res) => {
    this.data.isFavoriting=false;
    console.log(res)
   if(res.data.status==1){
    this.data.majorIntroductionForm2Visible=true;
    this.data.majorIntroductionFormInfos=res.data;
    this.data.majorIntroductionFormInfos['selectedPageId'] = 1;
   }else{
    this.$message.error({
        content:res.data.content
    })
   }
})
        },
        deleteFavoriteUniversity(){
            this.data.isFavoriting=true;
            var config = {
   method: 'post',
   url: '/api/v1/favoriteUniversities/delete?data=' + JSON.stringify({
    name:this.data.universityIntroductionFormInfos.results[0].name,
    userAccount:this.data.loginedUserInfo.account
   }),
   headers: { 
      'Accept': '*/*', 
   }
};

axios(config)
.then((res) => {
    this.data.isFavoriting=false;
   if(res.data.status==1){
    this.showUniversityIntroductionPage(this.data.universityIntroductionFormInfos.results[0].name);
   }else{
    this.$message.error({
        content:'取消收藏失败'
    })
   }
})
        },
        addFavoriteUniversity(){
            if(this.data.loginedUserInfo==undefined){
                this.changePage(7);
                return;
            }
            this.data.isFavoriting=true;
            var config = {
   method: 'post',
   url: '/api/v1/favoriteUniversities/add?data=' + JSON.stringify({
    name:this.data.universityIntroductionFormInfos.results[0].name,
    userAccount:this.data.loginedUserInfo.account
   }),
   headers: { 
      'Accept': '*/*', 
   }
};

axios(config)
.then((res) => {
    this.data.isFavoriting=false;
   if(res.data.status==1){
        this.showUniversityIntroductionPage(this.data.universityIntroductionFormInfos.results[0].name);
   }else{
    this.$message.error({
        content:'收藏失败'
    })
   }
})
        },
        openLink(url){
            window.open(url)
        },
        showUniversityIntroductionPage(name){
            if(this.data.isChoosingOtherUniversity==true && name==this.data.universityIntroductionFormInfos.results[0].name){
                this.$message.error({
                    content:'已选择' + this.data.universityIntroductionFormInfos.results[0].name
                })
                return;
            }
            this.data.isFavoriting=true;
            this.data.isGettingUniversityIntroduction=true;
            var config = {
   method: 'get',
   url: '/api/v1/universities/introduction?name=' + name + '&userAccount=' + (this.data.loginedUserInfo==undefined?'':this.data.loginedUserInfo.account),
   headers: { 
      'Accept': '*/*', 
   }
};

axios(config)
.then((res) => {
    if(res.data.status==0){
        this.$message.error({
            content:res.data.content
        })
        return;
    }
    this.data.isGettingUniversityIntroduction=false;
    this.data.isFavoriting=false;
    // this.data.universityIntroductionFormVisible=true;
    if(this.data.isChoosingOtherUniversity){
        this.data.otherUniversityInfo=res.data;
        this.data.isChoosingOtherUniversity=false;
        this.data.universityIntroductionCompareFormVisible=true;
        this.data.universityIntroductionFormInfos['selectedPageId'] = 1;
        this.data.otherUniversityInfo['selectedPageId'] = 1;
    }else{
        this.data.universityIntroductionFormInfos=res.data;
        this.data.universityIntroductionFormInfos['selectedPageId'] = 1;
        this.data.universityIntroductionPage2Visible=true;
    }
})
        },
        getAllData(){
            this.getNews();
            this.getBatchScores();
        },
        getNews(){
            var config = {
   method: 'get',
   url: '/api/v1/news/get',
   headers: { 
      'Accept': '*/*', 
   }
};

axios(config)
.then((res) => {
    if(res.data.status==0){
        this.data.news=[]
        return
    }
   this.data.news=res.data.results;
   for(let i=0;i<this.data.news.length;i++){
    this.data.news[i]['order']=i+1;
   }
})
        },
        openChangeUserInfoPage(){
            this.data.improveUserInfoPageForm.name=this.data.loginedUserInfo.name;
            this.data.improveUserInfoPageForm.idNumber=this.data.loginedUserInfo.idNumber;
            this.data.improveUserInfoPageForm.score=this.data.loginedUserInfo.score;
            this.data.improveUserInfoPageForm.ranking=this.data.loginedUserInfo.ranking;
            this.data.improveUserInfoPageForm.province=this.data.loginedUserInfo.province;
            this.data.improveUserInfoPageForm.subjectScores=this.data.loginedUserInfo.subjectScores;
            let isSMorSR = [];
            if(this.data.loginedUserInfo.isSM){
                isSMorSR.push(1);
            }
            if(this.data.loginedUserInfo.isSR){
                isSMorSR.push(2);
            }
            this.data.improveUserInfoPageForm.isSMorSR=isSMorSR;
            if(this.data.loginedUserInfo.subjects.slice(0,1)=='1'){
                this.data.improveUserInfoPageForm.subjectSelectionType=1;
                this.data.improveUserInfoPageForm.subjectSelectStatus.type1[parseInt(this.data.loginedUserInfo.subjects.slice(1,2))-1]=true;
                this.data.improveUserInfoPageForm.subjectSelectStatus.type1[parseInt(this.data.loginedUserInfo.subjects.slice(2,3))-1]=true;
                this.data.improveUserInfoPageForm.subjectSelectStatus.type1[parseInt(this.data.loginedUserInfo.subjects.slice(3,4))-1]=true;
                this.data.improveUserInfoPageForm.subjectSelectStatus.dis=true;
            }
            if(this.data.loginedUserInfo.subjects.slice(0,1)=='2'){
                this.data.improveUserInfoPageForm.subjectSelectionType=2;
                this.data.improveUserInfoPageForm.subjectSelectStatus.type2[0]=parseInt(this.data.loginedUserInfo.subjects.slice(1,2));
                this.data.improveUserInfoPageForm.subjectSelectStatus.type2[parseInt(this.data.loginedUserInfo.subjects.slice(2,3))-1]=true;
                this.data.improveUserInfoPageForm.subjectSelectStatus.type2[parseInt(this.data.loginedUserInfo.subjects.slice(3,4))-1]=true;
                this.data.improveUserInfoPageForm.subjectSelectStatus.dis=true;
            }
            if(this.data.loginedUserInfo.subjects.slice(0,1)=='3'){
                this.data.improveUserInfoPageForm.subjectSelectionType=3;
                this.data.improveUserInfoPageForm.subjectSelectStatus=parseInt(this.data.loginedUserInfo.subjects.slice(1,2));
                this.data.improveUserInfoPageForm.subjectSelectStatus.dis=true;
            }
            this.data.showImproveUserInfoPage=true;
            this.data.isImproveUserInfoPageEdit=true;
            this.improveUserInfoPageFormSubjectSelectionChanged()
        },
        getPageId(){
            console.log(router.currentRoute._value.path)
            switch (router.currentRoute._value.path) {
                case '/':
                    this.data.currentPageId=1;
                    break;
                case '/searchUniversities':
                    this.data.currentPageId=2;
                    break;
                case '/searchMajors':
                    this.data.currentPageId=3;
                    break;
                case '/userFavorites':
                    this.data.currentPageId=4;
                    break;
                case '/login':
                    this.data.currentPageId=7;
                    break;
                case '/userCenter':
                    this.data.currentPageId=8;
                    break;
                case '/fillApplication':
                    this.data.currentPageId=5;
                    break;
                case '/professionalAdvice':
                    this.data.currentPageId=6;
                    break;
                case '/qaArea':
                    this.data.currentPageId=11;
                    break;
            }
        },
        postImproveUserInfo(){
            if(this.data.improveUserInfoPageForm.name==''){
                this.$message.error({
                    content:'请输入姓名',
                })
                return;
            }
            if(this.data.improveUserInfoPageForm.idNumber==''){
                this.$message.error({
                    content:'请输入身份证号',
                })
                return;
            }
            if(this.data.improveUserInfoPageForm.score==''){
                this.$message.error({
                    content:'请输入分数',
                })
                return;
            }
            if(this.data.improveUserInfoPageForm.ranking==''){
                this.$message.error({
                    content:'请输入位次',
                })
                return;
            }
            if(this.data.improveUserInfoPageForm.province==''){
                this.$message.error({
                    content:'请选择省份',
                })
                return;
            }
            if(!((this.data.improveUserInfoPageForm.subjectSelectionType!=3 && this.data.improveUserInfoPageForm.subjectSelectStatus.dis) || this.data.improveUserInfoPageForm.subjectSelectionType==3)){
                this.$message.error({
                    content:'请选择科目',
                })
                return;
            }
            if(this.data.improveUserInfoPageForm.subjectScores.s1==''){
                this.$message.error({
                    content:'请输入各科成绩',
                })
                return;
            }
            if(this.data.improveUserInfoPageForm.subjectScores.s2==''){
                this.$message.error({
                    content:'请输入各科成绩',
                })
                return;
            }
            if(this.data.improveUserInfoPageForm.subjectScores.s3==''){
                this.$message.error({
                    content:'请输入各科成绩',
                })
                return;
            }
            if(this.data.improveUserInfoPageForm.subjectScores.s4==''){
                this.$message.error({
                    content:'请输入各科成绩',
                })
                return;
            }
            if(this.data.improveUserInfoPageForm.subjectScores.s5==''){
                this.$message.error({
                    content:'请输入各科成绩',
                })
                return;
            }
            if(this.data.improveUserInfoPageForm.subjectScores.s6==''){
                this.$message.error({
                    content:'请输入各科成绩',
                })
                return;
            }
            let sum = 0
            for(let i=1;i<=6;i++){
                let re =parseFloat(this.data.improveUserInfoPageForm.subjectScores['s' + i.toString()])
                if(isNaN(re)==false){
                    if(re<0 || re>(i<=3?150:100)){
                        this.$message.error({
                            content:'各科成绩应为不大于' + (i<=3?150:100).toString() + '分的正数',
                        })
                        return
                    }
                    sum += re
                    this.data.improveUserInfoPageForm.subjectScores['s' + i.toString()] = re
                }else{
                    this.$message.error({
                        content:'各科成绩应为正数',
                    })
                    return
                }
            }
            if(sum!=parseInt(this.data.improveUserInfoPageForm.score)){
                this.$message.error({
                    content:'各科成绩和与总成绩不相等',
                })
                return
            }
            let subjectString = '';
            subjectString += this.data.improveUserInfoPageForm.subjectSelectionType.toString();
            if(this.data.improveUserInfoPageForm.subjectSelectionType==1){
                for(let i=0;i<this.data.improveUserInfoPageForm.subjectSelectStatus.type1.length;i++){
                    if(this.data.improveUserInfoPageForm.subjectSelectStatus.type1[i]){
                        subjectString+=(i+1).toString();
                    }
                }
            }
            if(this.data.improveUserInfoPageForm.subjectSelectionType==2){
                subjectString+=this.data.improveUserInfoPageForm.subjectSelectStatus.type2[0].toString();
                for(let i=1;i<this.data.improveUserInfoPageForm.subjectSelectStatus.type2.length;i++){
                    if(this.data.improveUserInfoPageForm.subjectSelectStatus.type2[i]){
                        subjectString+=(i+1).toString();
                    }
                }
            }
            if(this.data.improveUserInfoPageForm.subjectSelectionType==3){
                subjectString += this.data.improveUserInfoPageForm.subjectSelectStatus.type3.toString();
            }
            var config = {
   method: 'post',
   url: '/api/v1/users/improve?data=' + JSON.stringify({
    account:this.data.loginedUserInfo.account,
    name:this.data.improveUserInfoPageForm.name,
    idNumber:this.data.improveUserInfoPageForm.idNumber,
    score:this.data.improveUserInfoPageForm.score,
    ranking:this.data.improveUserInfoPageForm.ranking,
    province:this.data.improveUserInfoPageForm.province,
    subjects:subjectString,
    isSM:this.data.improveUserInfoPageForm.isSM,
    isSR:this.data.improveUserInfoPageForm.isSR,
    subjectScores:JSON.stringify(this.data.improveUserInfoPageForm.subjectScores)
   }),
   headers: { 
      'Accept': '*/*', 
   }
};

axios(config)
.then(()=> {
   location.reload();
})
        },
        improveUserInfoPageFormSubjectSelectionChanged(){
            if(this.data.improveUserInfoPageForm.subjectSelectionType==1){
                let selectedNum = 0;
                for(let i=0;i<this.data.improveUserInfoPageForm.subjectSelectStatus.type1.length;i++){
                    if(this.data.improveUserInfoPageForm.subjectSelectStatus.type1[i]){
                        selectedNum+=1;
                    }
                }
                if(selectedNum==3){
                    this.data.improveUserInfoPageForm.subjectSelectStatus.dis=true;
                    this.data.improveUserInfoPageForm.subjectSelectStatus.type1SubjectNames = []
                    if(this.data.improveUserInfoPageForm.subjectSelectStatus.type1[0]==true){
                        this.data.improveUserInfoPageForm.subjectSelectStatus.type1SubjectNames.push('物理')
                    }
                    if(this.data.improveUserInfoPageForm.subjectSelectStatus.type1[1]==true){
                        this.data.improveUserInfoPageForm.subjectSelectStatus.type1SubjectNames.push('化学')
                    }
                    if(this.data.improveUserInfoPageForm.subjectSelectStatus.type1[2]==true){
                        this.data.improveUserInfoPageForm.subjectSelectStatus.type1SubjectNames.push('生物')
                    }
                    if(this.data.improveUserInfoPageForm.subjectSelectStatus.type1[3]==true){
                        this.data.improveUserInfoPageForm.subjectSelectStatus.type1SubjectNames.push('政治')
                    }
                    if(this.data.improveUserInfoPageForm.subjectSelectStatus.type1[4]==true){
                        this.data.improveUserInfoPageForm.subjectSelectStatus.type1SubjectNames.push('历史')
                    }
                    if(this.data.improveUserInfoPageForm.subjectSelectStatus.type1[5]==true){
                        this.data.improveUserInfoPageForm.subjectSelectStatus.type1SubjectNames.push('地理')
                    }
                }else{
                    this.data.improveUserInfoPageForm.subjectSelectStatus.dis=false;
                }
            }
            
            if(this.data.improveUserInfoPageForm.subjectSelectionType==2){
                let selectedNum = 0;
                for(let i=1;i<this.data.improveUserInfoPageForm.subjectSelectStatus.type2.length;i++){
                    if(this.data.improveUserInfoPageForm.subjectSelectStatus.type2[i]){
                        selectedNum+=1;
                    }
                }
                if(selectedNum==2){
                    this.data.improveUserInfoPageForm.subjectSelectStatus.dis=true;
                }else{
                    this.data.improveUserInfoPageForm.subjectSelectStatus.dis=false;
                }
            }
            if(this.data.improveUserInfoPageForm.subjectSelectionType==3){
                // 
            }
            
        },
        changeSubjectSectionType(){
            this.data.improveUserInfoPageForm.subjectSelectionType=this.subjectsType(this.data.improveUserInfoPageForm.province);
            this.improveUserInfoPageFormSubjectSelectionChanged();
        },
        checkedLoginStatus(){
            if(this.data.loginedUserInfo!=undefined && this.data.loginedUserInfo.name==''){
                this.data.showImproveUserInfoPage=true;
                this.data.isImproveUserInfoPageEdit=false;
            }
        },
        autoLogin(){
            if(jscookie.get('loginedUserInfo')==undefined){
                this.data.showPage=true;
            }else{
                var config = {
                method: 'get',
                url: '/api/v1/users/login?data='+ jscookie.get('loginedUserInfo'),
                headers: { 
                        'Content-Type': 'application/json', 
                        'Accept': '*/*', 
                    }
                };

                axios(config)
                .then((res) => {
                    if(res.data.status==1){
                        this.data.showPage=true;
                        console.log(res);
                        try{
                            res.data.data['subjectScores'] = JSON.parse(res.data.data['scoresOfEachSubject'])
                        }catch(e){

                        }
                        this.data.loginedUserInfo=res.data.data;

                        jscookie.set('loginedUserInfo',JSON.stringify(res.data.data));
                    }else{
                        this.data.showPage=true;
                        jscookie.remove('loginedUserInfo');
                    }
                    this.checkedLoginStatus();
                    this.getAllData();
                })
            }
        },
        subjectsType(name){
      var t3a3 = ['浙江','上海','北京','天津','山东','海南'];
      var t3a1a2 = ['河北','辽宁','江苏','福建','湖北','湖南','广东','重庆','黑龙江','甘肃','吉林','安徽','江西','贵州','广西','山西','河南','陕西','内蒙古','四川','云南','宁夏','青海'];
      for(var i=0;i<t3a3.length;i++){
        if(this.checkString(t3a3[i],name)){
          return 1;
        }
      }
      for(i=0;i<t3a1a2.length;i++){
        if(this.checkString(t3a1a2[i],name)){
          return 2;
        }
      }
      return 3;
        },
        checkString(str1, str2) {
      if(str2.includes(str1)) {
        return true;
      } else {
        return false;
      }
        },
        changePage(pageId){
            console.log(pageId)
            this.data.currentPageId=pageId;
            switch (pageId) {
                case 1:
                    router.push('/');
                    break;
                case 2:
                    router.push('/searchUniversities');
                    break;
                case 3:
                    router.push('/searchMajors');
                    break;
                case 4:
                    router.push('/userFavorites');
                    break;
                case 5:
                    router.push('/fillApplication');
                    break;
                case 6:
                    router.push('/professionalAdvice');
                    break;
                case 7:
                    router.push('/login');
                    break;
                case 8:
                    router.push('/userCenter');
                    break;
                case 9:
                    router.push('/userFavorites?page=2');
                    break;
                case 10:
                    router.push('/teacher');
                    break;
                case 11:
                    router.push('/qaArea');
                    break;
            }
        }
    }
}
</script>

<style scoped>

.university-introduction-page-title-selected{
    color: black;
}

.university-introduction-page-title{
    color: gray;
}

.university-introduction-page-title:hover{
    color:dimgray;
}

.sider-button:active{
    scale: 0.98;
}

.sider-button:hover{
    background-color: rgba(0,0,0,0.1);
}

.sider-button{
    text-align: center;
    width: 77px;
    padding: 10px 10px;
    font-size: 14px;
    cursor: pointer;
    transition: all .1s;
}

.login-button:hover{
    background-color: rgb(242,242,242) !important;
    border: 0 !important;
}

.login-button{
    background-color: white;
    color:black !important; 
    font-weight: unset !important;
    padding: 3px 30px !important;
    border-radius: 100px;
    line-height: 35px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.nav-button-selected{
    /* border-bottom: 3px solid rgb(0,120,215); */
    /* color: rgb(0,120,215); */
    /* background-color: rgba(0,0,0,0.05); */
    font-weight: bold;
    color:white !important;
}

.nav-button{
    margin: 0 15px !important;
    line-height: 22px;
    /* border-radius: 100px; */
    user-select: none;
    transition-property: background-color,scale ;
    transition-duration: .1s;
    border-bottom: 3px solid rgbs(0,0,0,0);
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
    color:rgba(255,255,255,0.5);
    font-weight: bold;
}

.nav-button:hover{
    /* background-color: rgba(0,0,0,0.1); */
    border-bottom: 2px solid white;
}

.nav-button:active{
    scale: 0.98;
}

</style>